Question

html / css新手，我正在创建一个简单的网页。通过获取无序列表并删除项目符号来创建水平菜单，向左浮动等...如何以百分比指定菜单选项的宽度。假设我有5个菜单选项，我希望每个菜单占据屏幕的20％。我如何做到这一点，目前当我尝试以百分比指定宽度时，它需要链接大小的百分比，而不是屏幕的大小。

Answer 1

这是一个有效的例子：

<style>
    ul.menu{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    li.menu{
        float: left;
        width: 20%;
        display: inline;
    }
</style>
<ul class="menu">
    <li class="menu"><a href="">Link 1</a></li>
    <li class="menu"><a href="">Link 2</a></li>
    <li class="menu"><a href="">Link 3</a></li>
    <li class="menu"><a href="">Link 4</a></li>
    <li class="menu"><a href="">Link 5</a></li>
</ul>

如何以百分比html / css指定菜单选项的宽度？

1 个答案: