如何将LI设置为表格单元的行为

我想使用列表（ul和li）来制作菜单。
至于使用表格单元属性不是跨浏览器，如何造型li s已修复像表格单元适合它的容器？如何将LI设置为表格单元的行为

----------------------------------------------------------------------------- 
|  Item 1  |  Item 2  |  Item 3  |  Item 7  | 
-----------------------------------------------------------------------------

注：
1.我被迫使用清单，不能使用表
2.我们不知道有多少项目存在
3.我想这样做，没有JavaScript
4.我们不知道怎么宽度是容器
5.父母ul在宽度上应该只是100%，不使用固定宽度，请

来源

2012-01-18 Omid

你为什么不强制使用表？ – 2012-01-18 15:06:10

这就是经理的订单 – Omid 2012-01-18 15:22:10

语义，菜单是一个列表，所以使用<li>比<table>更合适。 WC3有一个体面的轮廓如何去做here。要固定宽度，请设置<ul>和<li>的宽度。

来源

2012-01-18 15:02:03 dnagirl

ul li {float: left; width: 100px;}

这样的事情？

或者这样：http://jsfiddle.net/qLxSh/

来源

2012-01-18 14:59:46 giker

这绝对是你如何做到的。一个问题是，如果你是浮动div，你不知道你有多少，你可能需要开始第二行。如果您使用PHP动态执行此操作，则可以在填充特定数量的“单元格”后清除一行。如果没有，你可能可以让我们CSS选择器清空每一行填充后。 – ckaufman 2012-01-18 15:04:08

我不想开始第二行 – Omid 2012-01-18 15:23:39

你不需要这样做。我的例子只是说明如果你需要很多元素会发生什么 - 如果没有足够的空间，他们会下降到下一行。 – giker 2012-01-18 15:27:09

恐怕有太多的不要做，因为它应该是灵活的。

来源

2012-01-18 15:05:06 ogur

ul li { float: left; }

或

ul li { display: inline-block; }

注意， “显示：内联块;”在IE6和IE7上无法正常工作。在这些浏览器，必须更换

ul li { display: inline-block; }

与

ul li { display: inline; zoom: 1; }

来源

2012-01-18 16:14:39 talaraj

这里是最好的方式，使用CSS显示选项：jsFiddle demo

来源

2015-05-15 13:58:33

如何将LI设置为表格单元的行为

回答

相关问题