在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中創建全高垂直菜單

回答

相關問題