多列布局

2017-04-18  本文已影响0人  洛洛kkkkkk
<!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>
上一篇 下一篇

猜你喜欢

热点阅读