www.cftea.com

有趣的 CSS 3-多列文本

千一网络(原创)2016/11/12 20:55:47

像 Word 一样文章分栏。

column-count:3;

分 3 栏

column-gap:10px;

两栏之间内容之间距离 10px,有点像相邻的 padding 加起来得 10px。

column-rule:10px dashed #f00;

分栏之间的分隔线,有点像边框。

注意:如果文字太少、高度太低,可能会改变分栏数量。

<<返回首页<<