美文网首页
多列布局

多列布局

作者: 洛洛kkkkkk | 来源:发表于2017-04-18 19:22 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*多列布局--分栏*/
            .div1{
                /*列数*/
                /*-webkit-column-count: 2;*/
                /*列与列之前的间距*/
                -webkit-column-gap: 30px;
                /*列之间的分栏线*/
                -webkit-column-rule:3px dashed red;
                /*每一列的宽度*/
                -webkit-column-width: 50px;
                
            }
        </style>
    </head>
    <body>
        <div class="div1">
            发多少来讲课费空间撒两款发动机
            萨洛克积分卡萨丁空间撒开了房间萨
            克雷复健科萨拉积分看来是敬爱分开
            了撒娇副科级萨克飞机萨克复健科萨
            拉积分卡拉斯减肥快乐撒娇快乐飞机
            萨克雷锋精神看风景撒开发机刷卡积
            分卡萨了积分卡萨荆防颗粒爱上家开
            发商就开发商就爱看飞机萨克飞机萨
            克就付款啦积分卡萨积分卡萨按揭付
            款撒娇风口浪尖萨克飞机上课啦付款
            撒积分卡萨就付款了撒娇付款零售价
            爱离开房间爱思考了减肥快来撒付款
            了啥积分卡撒大声地撒旦撒旦法萨芬
        </div>
    </body>
</html>

相关文章

  • 页面架构

    布局解决方案 水平居中布局 垂直居中布局 水平垂直都居中的布局 多列布局 多列等分布局 多列等高布局 在多列布局的...

  • CSS3开发常用核心技能

    基础网页布局 布局分类 一列布局 两列布局 三列布局 多列布局 一列布局: 二列布局: 三列布局: ⚠️ midd...

  • css常见布局(二)

    采用flex实现两列,三列等多列的布局 一、两列布局 二、三列布局

  • 多列布局

    column-width: 列的宽度 column-count: 列的数量 column-gap: 列与列之间...

  • 多列布局

    column-width: 列的宽度 column-count: 列的数量 column-gap : 列与列的间...

  • 多列布局

  • 多列布局

    简介CSS多列布局继承自块级布局模式,允许简单地定义多列文本。当阅读文字的时候,从一行末尾移动到下一行开始处,容易...

  • 多列布局

    多列布局在一个网页设计中非常常见,不仅可以用来做外部容器的布局,在一些局部也经常出现多列布局,比如下面圈出来的都是...

  • 多列布局

    定宽+自适应 float + margin float + overflow table flex 定宽+定宽+自...

  • CSS3多列布局

    定义列数column-count 在CSS3的多列布局中,我们可以使用column-count属性指定多列布局的列...

网友评论

      本文标题:多列布局

      本文链接:https://www.haomeiwen.com/subject/nrsqzttx.html