-2

我在下面有这个菜单。我希望它占据页面宽度的 100%，并且元素分布均匀。怎么做？

<html>
    <head>
        <style type="text/css">
            ul {
                list-style: none;
                padding: 0;
                margin: 0;
                width: 100%;
            }
        li {
            float: left;
            }

        </style>
    </head>
    <body>
        <ul>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
        </ul>
    </body>
</html>
4

2 回答 2

2

它完美地工作你在那里。唯一的事情是你没有给 UL 一个高度，所以它不会播放任何东西看看:

小提琴

于 2013-06-12T13:41:18.403 回答
0

如果你知道你有多少 li，你可以简单地使用这个 css：

li {
    float: left;
    width: (100/number of li)%;
}

但这意味着，每次更改菜单栏时都必须更改它。

萨拉约格

于 2013-06-12T13:58:31.703 回答