Html 菜单栏需要占据100%的页面宽度_Html_Css

Html 菜单栏需要占据100%的页面宽度

html css

Html 菜单栏需要占据100%的页面宽度,html,css,Html,Css,我在下面有这个菜单。我想它占据100%的页面宽度和元素均匀分布。怎么做 <html> <head> <style type="text/css"> ul { list-style: none; padding: 0; margin: 0; width: 100%;

我在下面有这个菜单。我想它占据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>


保险商实验室{
列表样式：无；
填充：0；
保证金：0；
宽度：100%；
}
李{
浮动：左；
}

jkflasd
jkflasd
jkflasd
jkflasd
jkflasd
jkflasd
jkflasd

它能很好地满足您的需求。唯一的问题是，你不能给UL一个高度，这样它就不会显示任何内容。看一看

：

如果您知道自己有多少个li，您可以使用以下css：

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

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

Sarajog

好吧，我所期望的是菜单的声音是均匀分布的，但想象一下元素中的内容是不同的，例如“aa”和“aaaaaaaaaaaaaaaaaaaaaaaaaaa”，在这种情况下，我希望元素具有不同的宽度。然后，您需要为每个

li

添加一个类，并相应地设置它们的样式-为它们提供不同的宽度。或者只使用溢出：hidden；要隐藏它并在屏幕上显示，请展开：p@ErikMes我在尝试你所说的“溢出：隐藏”，我把它作为李的规则添加，但我看不到任何结果。我想你能找到它