水平<ul>菜单：如何修复列表项的宽度</ul>

Question

我有一个水平<ul>菜单。如何修复<li>元素的宽度，比如250px？

Answer 1

样式化A标签有助于保持一致性，并且比LI标签的样式更具灵活性，特别是如果您最终制作多行菜单项。

ul li {
   float:left;
}

ul li a {
   display:block;
   width:250px;
}

您还应该使用CSS reset来保持浏览器之间的一致性。

Answer 2

您可以通过CSS执行此操作：

ul > li { width: 250px; }

根据您正在进行的水平菜单，您可能还需要display:block;样式。

Answer 3

尼克和迪奥杜斯都说是对的，但除非你希望你的所有列表项都有这个宽度，否则你最好在那个ul上输入一个id然后在你的CSS中定位它。