html - 水平的菜单：如何固定列表项的宽度

Question

我有一个水平<ul>菜单。如何将<li>元素的宽度固定为每个 250 像素？

Answer 1

设置 A 标签的样式可以帮助保持一致性，并且比设置 LI 标签的样式更灵活，尤其是在您最终制作多行菜单项的情况下。

ul li {
   float:left;
}

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

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

Answer 2

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

ul > li { width: 250px; }

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

Answer 3

Nick 和 Diodeus 说的都是对的，但除非您希望所有列表项都具有该宽度，否则您最好在该 ul 上添加一个 id，然后在您的 CSS 中定位它。