§ ITPOW >> 文档 >> CSS

有趣的 CSS 3-多列文本

作者:vkvi 来源:ITPOW(原创) 日期:2016-11-12

像 Word 一样文章分栏。

column-count:3;

分 3 栏

column-gap:10px;

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

column-rule:10px dashed #f00;

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

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

相关文章