html - 已经定义了 LI 大小，但我希望 LI 之间的空间可以拉伸菜单的全宽大小？

Question

我希望我的 LI 自动调整左右边距，使其适合整个菜单 div。

（我想解释的小图） 我在A，我想去B。 http://madshines.dk/files/aid.jpg

<ul>
    <li>ListOne</li>
    <li>ListTwo</li>
    <li>ListThree</li>
    <li>ListFour</li>
    <li>ListFive</li>
</ul>

Padding: 5px; 
width and height are defined by the font size

我希望这些 LI 之间的边距延伸到它们下方 div 的完整大小。我意识到 Firefox、Internet Explorer 和 Chrome 读取边距的方式不同。例如，如果我将其定义为左右 10 像素的边距，它将适合 Chrome，但不适合 Firefox。

无论如何让边距由UL的宽度定义自己？

问我是否说得不够清楚。谢谢！！

score 0 · Accepted Answer

如果您有一定数量的 LI，那么您可以通过计算来设置它们的宽度：

100% / NumberOfLI = Width%.

所以 5<LI>将是 (100% / 5) = 20%

当然，如果您的总像素<LI>大于 100%<UL>

编辑：

对不起，我忘了知道<LI>应该浮动

<style>

UL{
   position:relative;
   width:100%;
}

UL LI{
   display: inline;
   width: 20%;
   position:relative;
   float:left;
}

</style>

<LI>对于无序列表中的 5，您的 CSS 看起来像这样的基本内容。

score 0 · Accepted Answer

看看这个问题。它看起来与您要完成的任务相似。拉伸水平 ul 以适应 div 的宽度

2 回答 2