多列布局

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>多列布局</title>
必发娱乐最新官方网址,<style>
div{ -moz- Firefox的前缀
-webkit- Chrome和safari
-ms- IE
-o- opera

/*-moz-column-width:150px;自动安装列数
-moz-column-count:3;设置列数,auto为1列
-moz-columns:auto 3;宽自动,列数:3*/
-moz-columns:200px 3;
/*每列的蝇头宽度为200px,当减少到200px以内时,列数就自动。*/
-moz-column-gap:20px; /*列与列之间的离开*/
-moz-column-rule:2px dashed
#ccc;/*列与列之间的分割线,那个分割线不会损坏布局*/
-moz-column-span:all; /*设置跨列大题目,none则不跨列;*/

-webkit-columns:200px 3;
-webkit-column-gap:20px;
-webkit-column-rule:2px dashed #ccc;

columns:200px 3;
column-gap:20px;
column-rule:2px dashed #ccc;

}
h1{ (跨列大题目)
-moz-column-span:all;(火狐暂时不帮忙)
-webkit-column-span:all;
column-span:all;
text-align: center;
}
</style>
</head>
<body>
<div>
<h1>我是大标题</h1>
<h3>我是首先段内容</h3>
<p>“本”在哪儿?徐洪才认为,“本”就是城乡总体、新兴城镇化进程中一些机制、体制的换代,比如户籍制度、社会有限扶助体制改造、土地制度改正。</p>
<h3>我是第二段内容</h3>
<p>四线城市的土地是取之不尽的,但人数流入少,须求没那么旺盛,所以房地产就有库存问题,而以下城市需求很精神,但土地供应不足,供求顶牛很卓越。一线城市集中了教育、医疗等资源,还有就业机会。所以人口蜂拥而来。</p>
<h3>我是第三段内容</h3>
<p>徐洪才提议,从乡村到三、四线城市到二线城市再到大城市,形成一个梯形发展的布置。未来还会形成大气人数向一线城市涌进,大城市的争辨会更为长远,大城市病会越来越优秀。</p>
<h3>我是第四段内容</h3>
<p>“这么些制度树立好了,我们就没需求往大城市跑了。中国一线城市高房价的病根就在那时候。但这么些改正是一个经久不衰的经过。”徐洪才坦言。</p>
</div>
</body>
</html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注