CSS3 多列

CSS3 多列

css代码：

.demo{
    height:220px;
    width:400px;
    border:1px solid red;
    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;     /* 设置被分成了几列*/
    column-gap:40px;   /*设置列之间的间距*/
    -webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-rule:3px outset #ff0000; /*规定间距之间的样式滴呀*/
    -moz-column-rule:3px outset #ff0000;
    -webkit-column-rule:3px outset #ff0000;
}

效果：