CSS
?
.column {
column-width: auto;
-webkit-column-width: auto;
column-width: 200px;
-moz-column-width: 200px;
-webkit-column-width: 200px;
-o-column-width: 200px;
-ms-column-width: 200px;
height: 100%;
/*按照列的个数的划分*/
column-count: 4;
-webkit-column-count: 4;
-moz-column-count: 4;
-ms-column-count: 4;
-o-column-count: 4;
/*列之间的分隔线*/
-moz-column-rule: 3px outset #ff0000;
/* Firefox */
-webkit-column-rule: 3px outset #ff0000;
/* Safari and Chrome */
-o-column-rule: 3px outset #ff0000;
-ms-column-rule: 3px outset #ff0000;
column-rule: 3px outset #ff0000;
column-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-ms-column-gap: 20px;
-o-column-gap: 20px;
-moz-column-fill: balance;
/* columns: 3 auto;
*/
}h1 {
column-span: all;
-webkit-column-span: all;
}?
HTML
title222222222222222222222222222222222222222222222222222222
这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容
这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这这这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容
这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这这这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容
这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这这这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容
这是这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这这这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容这是报纸的内容
【报纸排版 内容自适应 多列并排】
推荐阅读
- JavaScript|JavaScript之DOM增删改查(重点)
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css中元素的显示与隐藏
- CSS3小知识点(如何让彩色图片hover时变成黑白图片)
- 数据库|资源放送丨《 先睹为快!Oracle 20c新特性解析》PPT&视频
- 常用的CSS动画库
- CSS|hover如何控制非hover指向元素的显示隐藏(全攻略)
- css三列布局,两侧宽度固定,中间宽度自由伸缩
- css三列布局,中间div固定,两侧div宽度自适应
- javascript|5大顶尖数字货币交易所(合约交易)换肤方案浅谈