css多列布局

@charset "UTF-8";
/* CSS Document */

div{
    -webkit-columns:auto 5;
    -moz-columns:auto 5;
    -ms-columns:auto 5;
    -o-columns:auto 5;
    columns:auto 5;
}
/*自适应，永远都是三列*/

div{
    -moz-column-width:100px; /* Firefox */
    column-width:100px;
    
    column-count:3;   /*用于设置列数*/
    -moz-column-gap:100px;
    -webkit-column-gap:100px;
    -webkit-column-rule:5px dashed red;
}

h1{
    text-align:center;   /*标题的剧居中*/
    
    -webkit-column-span:all;    /*规定元素应横跨多少列，默认1*/