已经定义了LI尺寸，但是我想要LI之间的空间来拉伸菜单的全宽尺寸？

Question

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

（我试图解释的一点点图画） 我在 A ，我想去 B 。 http://madsthines.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读取的余量不同。 例如。如果我用右边和左边的10px边距定义它，它将适合Chrome，但不适用于Firefox。

无论如何，让边距按照UL的宽度来定义？

问我是否自己不够清楚。 谢谢!!

Answer 1

如果您有一组LI，那么您可以通过计算：

来设置它们的宽度

100% / NumberOfLI = Width%。

所以5 <LI>将是（100％/ 5）= 20％

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

的100％，这可能不是理想的情况

编辑：

抱歉，我忘了知道<LI>应该浮动

<style>

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

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

</style>

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

Answer 2

看看这个问题。它看起来与您要完成的任务类似。 Stretch horizontal ul to fit width of div