javascript – 如何在完美网格样式中向左移动不同大小的DIV?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在完美网格样式中向左移动不同大小的DIV?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题.我有很多DIV具有相同的宽度,但它们的高度是不同的,并且向左浮动,但它们并没有像我想要的那样出现.它出现了

但我想让它们像

那么告诉我如何使用Pure HTML-CSS,No JavaScript或JQuery等来做到这一点.

解决方法

@Tom Chew-head Millard是正确的;这是一个纯粹的CSS解决方案.我的经验=易于使用.

http://css-tricks.com/snippets/css/multiple-columns/

==编辑MH评论后编辑

http://jsfiddle.net/qZ3N4/1/

#DEMO_ID {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
}

#DEMO_ID div {
     column-break-before: always;   
}

猜你在找的JavaScript相关文章