在CSS中创建全高垂直菜单

Question

如何强制我的标签占据垂直菜单中的所有剩余空间？所以，根据标签的数量调整标签之间的空格。

<div id="menu">
<ul>
    <li>
        <a class="lien_menu"><br>Onglet0 loooooooog</a>
    </li>
    <li>
        <a class="lien_menu"><br>Onglet1</a>
    </li>
</ul>

以下是我当前的代码：http://jsfiddle.net/96EGh/

提前致谢。

Answer 1

你的意思是填充宽度或高度吗？

如果你的意思是高度（因为它是一个垂直菜单）。您需要给容器一个高度，以便UL填充它，并允许LI元素填充剩余的空间。

我使用固定高度制作了一个小提琴display: table; / display: table-cell;来实现此目的http://jsfiddle.net/96EGh/3/

您可以添加更多LI元素，它们将填充空间。

Answer 2

你可以通过css

来做

ul{display:table;}
ul li{display:table-cell;}

Answer 3

你可以做百分比。

ul li {width:48%;margin-right:1%;}
ul{width:100%}

Answer 4

使用宽度百分比和字体中的Ems。