2014-11-21 59 views
0

我有一大堆小div由php生成,需要在达到其父div的最大高度时形成列。最大高度达到时右侧的div divs

<div class="parent"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    ... 
</div> 

它们都是22个* 22个平方和需要当5形成的柱在与115px最大高度,宽度无限与底部和1右边距一个div堆叠,所述第六需求是在第一个的权利。

我在别处读到这只能通过js来实现,我会如何去做这件事?如果不添加列系统,是不是可以通过css?

+0

JS请小提琴吗? – 2014-11-21 02:12:38

回答

0
.parent .child:nth-child(6n) { 
    float: left 
} 

如果6不起作用,您可能需要尝试其他值而不是6。