css3多列布局

css3多列布局



css3多列布局



css3多列布局




css3多列布局

1.设置gap为normal时 中间的缝隙大小与设置的字体大小 有关  设置了gap的具体数值那么就是固定设置的大小

2.默认值为normal






css3多列布局



css3多列布局

css3多列布局.

column-rule-color  :color  设置颜色


css3多列布局



css3多列布局


主流浏览器不兼容



css3多列布局


css3多列布局




css3多列布局


多列布局使用场景有哪些?

在新闻发布系统中会经常见到。适用情况:在我们经常阅读的报纸中,一般情况下一个版面被分成多个列进行排版,或者在一般的杂志中,一页被分成2列排版。类似这种形式的网页会用到多列布局


问:图片可以使用多列吗

多列布局常用于的是像新闻、杂志那样的页面,多是文字。图片之类的可以使用,但是不一定合适。