【案例简介】

基于css实现图片的瀑布流排版demo

【案例截图】

【核心代码】

/*多栏布局*/
	.container{
		/*列宽*/
		-webkit-column-width:202px;
		-moz-column-width:202px; 
		-webkit-column-gap:5px;
		-moz-column-gap:5px;
	}


	/*数据块 砖块*/

    .pin{
        padding: 15px 0 0 15px;
        float:left;
    }
    .box{
        padding: 10px;
        border:1px solid #ccc;
        box-shadow: 0 0 6px #ccc;
        border-radius: 5px;
    }
    .box img{
        width:162px;
        height:auto;
    }