我有一个水平菜单,其HTML标记如下:
<ul class="menu">
<li>Item 1</li>
<li>Longer Item 2</li>
<li>Item 3</li>
</ul>
后续将实现子菜单和Suckerfish下拉菜单。
ul需要跨越整个页面的宽度(例如100%或1000像素)。
lis的宽度应根据其内容而变化。
因此,结果如下所示:
-----------------100% of page------------
|--Item 1--|--Longer item 2--|--Item 3--|
现在可以通过为每个 li 标签固定宽度来轻松实现,但因为菜单将由CMS驱动,所以我需要允许选项卡的宽度自动变化。使用 表格 将非常简单,但我想不出如何使用 无序列表 实现。
table-layout: fixed
会使所有单元格具有相同的宽度。如果您删除该属性,则水平空间将使用100% + 可变项长度(取决于内容)。 - JHannestable-layout: fixed
这一行应该被删除。非常晚的道歉送给最先发现问题的 rda3000! - Boldewyn