2014-10-09 101 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