分栏布局/多列布局

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分栏布局/多列布局相关的知识,希望对你有一定的参考价值。

column-width       栏宽度

column-count       栏数

column-gap          栏间距

column-rule        栏线(1px solid red)

column-span:all   跨栏(新闻标题横向跨栏)

 

*必须给栏宽度,不然无法生效

*栏之间有默认间距,总宽度要大于分栏宽度乘以分栏宽度

*文本居中 text-align:center

*多媒体元素和文本元素间距解析不一样

 

以上是关于分栏布局/多列布局的主要内容,如果未能解决你的问题,请参考以下文章

CSS多列布局

CSS3之多列布局

css3多列布局

多列布局--瀑布流原理

多列布局----伸缩布局-----

H5多列布局