首页 > 代码库 > CSS3多栏布局
CSS3多栏布局
1.column-count:将一个元素中的内容分成多栏进行显示。
2.column-gap:设定多栏之间的间隔距离。
3.column-rule:栏与栏之间增加一条间隔线。
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!doctype html> <html> <head> <meta charset= "utf-8" > <title>CSS3分栏布局</title> <style type= "text/css" > *{margin:0;padding:0;} #div{width: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> |
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。