CSS - 在ul上展開li元素

是否有方法展開元素（例如：< li>在< ul>內）？CSS - 在ul上展開li元素

我的< li>的內聯（不垂直），我不想改變它們的大小。

我只是想設置< li> -elements之間的空格，總計得到100％。

例如：

< UL>由3 <裏的>的：第一個是200像素，所述第二一個是200像素和所述第三之一具有400像素。

如果屏幕有1000px，那麼li之間的空格應該是200px，因此每個空格都應該爲100px（如果左側和右側的填充是0px）。

我想做到這一點不使用JavaScript的

編輯：

solution with table PIC的顯示，我想實現與列表中的sultion。
每個帶有藍色邊框的元素都應該是li（如圖所示：有些元素包含文本，因此在css中設置它們不是個好主意）。
元素之間的空間應該非常大，最後一個元素（紅色註銷按鈕）會觸及屏幕的右邊緣。

- 但是，爲了避免JavaScript的，我現在有一張桌子

來源

2012-10-12 maja

過去的一些帶CSS的HTML ...在％ – rahularyansharma

使用寬度insted的特定尺寸的屏幕像素 – Champ

寫CSS的。 – SVS

我如何解決它：的不是使用此http://jsfiddle.net/Tejzf/ 我使用的表，而不是UL和IL元素。表格寬度= 100％，單元格的寬度（其中li在之前）爲1px（儘可能小）。而在單元之間，我添加了新的空單元，我沒有定義寬度。

<table width="100%"><tr> 
    <td width="1">DATA1 from LI1</td><td></td> 
    <td width="1">DATA2 from LI2</td><td></td> 
    <td width="1">DATA3 from LI3</td> 
</tr></table>

和THX您的答覆

來源

2012-10-12 13:00:00 maja

您正在尋找這樣的事情解決了嗎？

http://jsfiddle.net/jMTjb/1/

或空格

http://jsfiddle.net/jMTjb/2/

來源

2012-10-12 12:20:58 Gezzasa

不錯的主意，但問題是，我已經必須知道邊距/填充（您將其設置爲10％）。但它應該自動設置 – maja

然後我不知道你在說什麼嘿嘿。您可以將媒體查詢用於不同的屏幕尺寸。 http://cssmediaqueries.com/ 這裏更好的解釋http：// line25。com/tutorials/create-a-responsive-web-design-with-media-queries – Gezzasa

and：你還設置了每個li @ 10％ - 我不能設置它，我希望它被動態設置爲它的內容 – maja

CSS - 在ul上展開li元素

回答

相關問題