水平导航栏的CSS相同大小列表项

尝试学习一点CSS，我想要一个水平导航栏，我正在使用ul和li来构建它。我希望所有的“按钮”都具有相同的宽度，这是否可能仅使用CSS

谢谢

是的

ul li
{
    display: block;
    float: left;
    width: 100px;
}
ul
{
    padding: 0px;
    list-style-type: none;
}

---

像这样的。（未经测试）

不太清楚你所说的相同宽度是什么意思。你只是用链接上的像素设置它？你的限制是什么？你知道名单的宽度吗？还是链接宽度

<style type="text/css">
    .menu { margin:0px auto; padding:0px; list-style-type:none; }
    .menu li { margin:0px auto; padding:0px; float:left; }
    .menu li a { display:block; width:200px; }
</style>


<ul class="menu">
    <li><a href="#section1">Section1</a></li>
    <li><a href="#section1">Section1</a></li>
    <li><a href="#section1">Section1</a></li>
</ul>

.菜单{边距：0px自动；填充：0px；列表样式类型：无；}
.菜单li{margin:0px auto；padding:0px；float:left；}
.menu LIA{显示：块；宽度：200px；}

我认为OP希望按钮宽度由最大的按钮继承；我不确定他是否想要一个固定的宽度。我希望他们都是相同的宽度，并且可以固定。我尝试了width属性，但无法使其工作。