2014-10-09 104 views
2

我有以下HTML結構根據長度

<div class="wrapper"> 

<ul class="list"></ul> 

</div> 

其中ul元素被動態地由li元素填充,但是當它們是幾個(多於5)超過包裝物的高度調整子元素元素,所以我想知道是否有辦法將這些元素調整到其容器或反之亦然。

+0

您可能需要找到包裝的CSS並將其粘貼到上面。 – Carter 2014-10-09 21:14:34

+0

你是否奇怪它正在被切斷......你有我們可以看的小提琴,或一些CSS代碼? – 2014-10-13 21:01:15

回答

0

所以,你有2箱子這裏:

情況A

調整對象容器的width可以使用:

li { 
    display:table-cell; 
    width:1%; 
} 

您可以檢查Demo Here

情況B

Adjus容器的元素的大小,你可以使用:

ul { 
    white-space:nowrap; 
    display:inline-block; 
} 

li { 
    display:inline-block; 
} 

您可以檢查Demo Here


而且這個選項可以有其他的變化都根據您的需求提供內容。

+0

我拖拉的問題是容器的高度?因爲例如5立方米,3個在容器內,2個在容器內。 – gyosida 2014-10-13 20:01:23