在CSS中创建全高垂直菜单

-1

如何强制我的选项卡获取垂直菜单中的所有剩余空间？因此，根据标签的数量调整标签之间的空间。在CSS中创建全高垂直菜单

<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/

在此先感谢。

来源

2014-02-24 user3112991

做我不明白的问题......通过“标签”你的意思是'li'元素？如果是这样，你说的是'li'元素之间的空间，这是垂直空间，但问题标题是“全角”，暗示水平空间 –

是的，我的标题是错误的，对不起 – user3112991

你可以做百分比。

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

来源

2014-02-24 16:43:30 httpgio

您的解决方案不灵活，重新 - 阅读问题**“根据标签的数量调整标签之间的空间。”**。如果有三个标签怎么办？ –

比你给每个标签33％的宽度...你不是数学的尖锐？ – httpgio

那么如果有4,5,6.8呢......他每次都必须更新他的CSS呢？你需要查找“灵活”这个词吗？ –

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

来源

2014-02-24 16:44:44 asfandahmed1

不要让paulie D看到这个。即使他自己没有提出任何建议，他也会给你一个负面的评论和投票。 – httpgio

@httpgio他很居高临下，但你的解决方案是不正确的，并且降低错误的解决方案并不取决于他是否知道正确的解决方案。 –

您的意思是填写宽度或高度？

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

我做了使用固定的高度和display: table;/display: table-cell;实现这一小提琴在http://jsfiddle.net/96EGh/3/

您可以添加更多的LI元素，他们将填补空间。

来源

2014-02-24 16:50:12 maxshelley

您可以通过CSS

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

来源

2014-02-24 16:56:19 Ravi

你可以在你的答案中付出更多的努力。解释为什么...例如 – iConnor

在CSS中创建全高垂直菜单

回答

相关问题