Html 水平<;ul>;菜单:如何固定列表项的宽度

Html 水平<;ul>;菜单:如何固定列表项的宽度,html,css,xhtml,xhtml-1.0-strict,Html,Css,Xhtml,Xhtml 1.0 Strict,我有一个水平的菜单。如何将元素的宽度固定在(比如)每个250像素?您可以通过CSS执行此操作: ul > li { width: 250px; } 根据您正在执行的水平菜单,您可能需要一个display:block样式。设置A标记的样式有助于保持一致性,并且比设置LI标记的样式更具灵活性,尤其是在您最终制作多行菜单项时 ul li { float:left; } ul li a { display:block; width:250px; } 您还应该使用a来保持浏览

我有一个水平的
菜单。如何将
  • 元素的宽度固定在(比如)每个250像素?

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

    ul > li { width: 250px; }
    

    根据您正在执行的水平菜单,您可能需要一个
    display:block样式。

    设置A标记的样式有助于保持一致性,并且比设置LI标记的样式更具灵活性,尤其是在您最终制作多行菜单项时

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

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

    Nick和Diodeus的说法都是正确的,但除非您希望所有列表项都具有该宽度,否则您最好在该ul上抛出一个id,然后将其作为CSS的目标