Html
    Css
    Js

    
                        
 .box {
	height:123px;
	padding:1em;
	margin-top:1em;
	-moz-page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;
	border:1px solid #000;
	background:#909090;
}
.spe {
	height:225px;
}
.box-wrapper {
	-moz-column-count:4;
	/* Firefox */
        -webkit-column-count:4;
	/* Safari 和 Chrome */
        column-count:4;
	-moz-column-gap:1em;
	-webkit-column-gap:1em;
	column-gap:1em;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

CSS3实现瀑布流布局

1
      神游の幻想0
      2020/11/19 15:06:48
      动态瀑布流不好使 回复