如何将LI设置为类似于表格单元格

Question

我想使用列表（ ul和li ）制作菜单。
至于说通过表单元格属性是不跨浏览器，如何造型li s到有固定用如表细胞适合它的容器？

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

笔记：
1.我被迫使用列表，而不能使用表格
2.我们不知道有多少项目
3.我想在没有JavaScript的情况下做到这一点
4.我们不知道容器的宽度
5.父ul宽度应仅为100% ，请不要使用静态宽度

Answer 1

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

像这样吗

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

Answer 2

从语义上讲，菜单是一个列表，因此使用<li>比<table>更合适。 WC3 在这里有一个不错的方法概述。 要固定宽度，请同时设置<ul>和<li>的宽度。

Answer 3

恐怕没有太多的方法可以使它变得应有的灵活性。

Answer 4

ul li { float: left; }

要么

ul li { display: inline-block; }

注意“ display：inline-block;” 在IE6和IE7上无法正常工作。 在这些浏览器上，您必须更换

ul li { display: inline-block; }

与

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

Answer 5

这是使用CSS显示选项的最佳方法： jsFiddle演示