在固定寬度div上展開元素？

是否有方法展開元素，（例如：<li>的內部<ul>），在一個div？在固定寬度div上展開元素？

EG：我有3個要素，所以他們都獲得30％

EG：我有5個元素，使他們獲得20％

什麼是做到這一點的最好方法是什麼？

2009-10-18 tarnfeld

3個元素，每個* 33 *％？ –

html, 
 
body { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 
ul.flatList { 
 
    list-style: none; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
ul.flatList li { 
 
    width: 33.3%; 
 
    display: inline; 
 
    float: left; 
 
    text-align: center; 
 
}

<ul class="flatList"> 
 
    <li>left</li> 
 
    <li>middle</li> 
 
    <li>right</li> 
 
</ul>

來源

2009-10-18 21:11:19

我認爲他不想擁有33.3％的硬編碼，但寬度應該動態適應li元素的數量。 –

多數民衆贊成多多少少我想要的，但不知道如何 – tarnfeld

你可以只使用一點的Javascript。檢查容器的寬度，然後設置每個div的寬度。 –

設置子元素的顯式寬度並相應地向左或向右移動它們。

來源

2009-10-18 20:53:25

display: inline-table;

再次，我的B關於回答只有5年有人問後，

，但我發現這個（優雅）的解決方案，以夜間和分享的緣故的參考，以及一般的福利和知識。

來源

2014-08-30 08:47:48 Anonymous

在固定寬度div上展開元素？

回答

相關問題