强制菜单占用宽度的100％

Question

我有这个顶级栏菜单：

http://yoursdproperty.com/

我需要让文字占据宽度的100％。我该怎么做？

如果我添加更多链接，我希望调整大小是动态的

任何想法？

Answer 1

这取决于您的浏览器要求：对于现代浏览器，您可以执行以下操作：

ul {
    display: table;
}
li {
    display: table-cell;
}

对于较旧的浏览器兼容性，您可能必须使用真实的表。

Answer 2

您不能指定宽度或将其设置为自动

Answer 3

将宽度指定为百分比。

<ul>
    <li>something</li>
    <li>something</li>
    <li>something</li>
    <li>something</li>
<ul>

ul li {
    width:25%;
    display:inline;
}