css3-多列

最新推荐文章于 2024-07-11 11:23:22 发布

RedGuy_anluo

最新推荐文章于 2024-07-11 11:23:22 发布

阅读量489

点赞数

分类专栏： CSS3 文章标签： css3

本文链接：https://blog.csdn.net/RedGuy_anluo/article/details/50478543

版权

CSS3 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<div class="div1">
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
    大家好，这里是用来站位的文字 大家好，这里是用来站位的文字
</div>

.div1{
    /*分列的数量*/
    column-count: 4;
    -moz-column-count:4;
    /*每一个分列中间的距离*/
    -moz-column-gap: 70px;
    column-gap: 70px;
    /*每两个列之间的线和线的颜色*/
    column-rule: 5px outset #FF0000;
    -moz-column-rule: 5px outset #FF0000;
}