zoukankan      html  css  js  c++  java
  • CSS3多栏布局

    1.column-count:将一个元素中的内容分成多栏进行显示。

    2.column-gap:设定多栏之间的间隔距离。

    3.column-rule:栏与栏之间增加一条间隔线。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>CSS3分栏布局</title>
    <style type="text/css">
    *{margin:0;padding:0;}
    #div{500px;column-count:4;-moz-column-count:4;-webkit-column-count:4;column-gap:2em;-moz-column-gap:2em;-webkit-column-gap:2em;column-rule:1px solid red;-moz-column-rule:1px solid red;-webkit-column-rule:1px solid red;}
    #div p{text-indent:2em;}
    </style>
    </head>
    <body>
        <div id="div">
            <p>《爸爸去哪儿》是湖南卫视从韩国MBC电视台引进的亲子户外真人秀节目,智理参考自MBC电视台节目《爸爸!我们去哪儿?》,由《变形计》制作人谢涤葵及其团队和《我是歌手》制作人洪涛及其团队联合打造。节目中,五位明星爸爸在72小时的户外体验中,单独照顾子女的饮食起居,共同完成节目组设置的一系列任务。</p>
            <p>第一季节目于2013年8月开始录制,10月11日播出,林志颖父子、王岳伦父女、田亮父女、郭涛父子、张亮父子组成嘉宾阵容,进行农村放羊、野外爬山、上船捕鱼等活动。[1]《爸爸去哪儿第二季》计划于2014年6月推出,并在原来12集的基础上增加至16集,节目播出时间横跨整个暑期档。</p>
        </div>
    </body>
    </html>
    

      

  • 相关阅读:
    hibernate课程 初探单表映射2-7 hbm配置文件常用设置
    SQL partition (小组排序)
    修改input的text 通过jquery的html获取值 未变化
    ASP.NET MVC5使用Area区域
    MVC 缓存
    C# 后台访问webapi
    分布式系统
    滴滴出行技术总监:关于技术选型的那些事儿
    Json Self referencing loop detected
    VMWare 安装 Eclipse
  • 原文地址:https://www.cnblogs.com/invincible-hehe/p/3765488.html
Copyright © 2011-2022 走看看