创建具有固定宽度的水平菜单的最佳方法

Question

我想知道,创建具有固定宽度和可变数量项目的水平菜单的最佳方法是什么？

要调整菜单以使菜单条上的项目等间距,似乎唯一的方法是使用表格宽度= 100%作为菜单包装,项目作为td.所以他们会自动调整.

是否有其他解决方案(没有td),考虑到我们不知道物品的数量,而且,它可以变化？

Answer 1

你可以给<ul>/ <ol>a display: table和<li>a display: table-cell.

<ul>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ul>