我有一个网页,其中有5个相同的列的网格;每列有n个不同高度的盒子。网格对齐问题
所以这个网格的底部都被切碎了,每一排在不同的高度完成。
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
和CSS
.row {
display: inline;
float: left;
width:20%
}
我以后要多箱与再次
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
问题添加到这些行(AJAX)的是,这些新的盒子不只是如我所期待的那样放在每一行的下方,但相反,所有的行都与上一行中的最下一行对齐。
用什么CSS我绕过这个问题?
感谢您的回答, 我知道我可能不够清楚:S 柔性表并不是我想要的,因为我想让每个div都保持在不同的高度。 而'明确:left'解决方案似乎basicly做,因为我已经有一点相同:/ Basicly溶液中(如果我把你的第一个表),他们将1,2,3,4之间没有间隙和5,2lines,7,8 –
结果我想要的效果不能用CSS来完成:/ http://stackoverflow.com/questions/32102623/forcing-div-stack-from-left向右#32102623 http://stackoverflow.com/questions/5234749/css-floating-divs-at-variable-heights 感谢您的详细解答! –
@JackSwindle哦,你想要一个石工布局?你可以使用css列http://w3bits.com/css-masonry/ –