水平导航栏的 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>