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;
}
复制代码

 

效果:

 

posted @   咕-咚  阅读(114)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示