如何将LI设置为像表格单元格一样

Question

我想使用列表（ul和li）制作菜单 关于使用table-cell属性不是跨浏览器，如何设置li样式以固定类似的表格单元格适合它的容器？

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

注意：
 我被迫使用清单，不能使用表格  我们不知道有多少物品  我想在没有JavaScript的情况下这样做  我们不知道容器的宽度是多少  5.父ul宽度应为100%，请勿使用静态宽度

Answer 1

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

这样的东西？

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

Answer 2

从语义上讲，菜单是一个列表，因此使用<li>比<table>更合适。 WC3有一个很好的概述here。要修复宽度，请同时设置<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 demo