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

Question

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

由于

Answer 1

不完全确定你的意思是相同的宽度。你只需在链接上设置像素？你有什么限制？你知道列表宽度吗？或链接宽度？

<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>

Answer 2

烨，

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

像这样的东西。 （未经测试）;