24 lines
1021 B
Markdown
24 lines
1021 B
Markdown
|
---
|
|||
|
title: CSS3 Multiple Columns
|
|||
|
localeTitle: CSS3多列
|
|||
|
---
|
|||
|
## CSS3多列
|
|||
|
|
|||
|
CSS **多列布局**扩展了_块布局_模式,以便轻松定义多列文本。如果线条太长,人们就无法阅读文字;如果眼睛从一条线的末端移动到下一条线的开头需要太长时间,它们就会忘记它们所在的线。因此,为了最大限度地利用大屏幕,作者应该将有限宽度的文本列并排放置,就像报纸一样。
|
|||
|
|
|||
|
遗憾的是,如果不强制固定位置的列中断,或者严格限制文本中允许的标记,或使用英雄脚本,则无法使用CSS和HTML。通过添加新的CSS属性来扩展传统的块布局模式,可以解决此限制。
|
|||
|
|
|||
|
有几个属性可以让您自定义多列布局:
|
|||
|
|
|||
|
* 列数
|
|||
|
* 柱隙
|
|||
|
* 列规则式
|
|||
|
* 列规则宽度
|
|||
|
* 列治色
|
|||
|
* 列治
|
|||
|
* 列跨度
|
|||
|
* 列宽
|
|||
|
|
|||
|
#### 更多信息:
|
|||
|
|
|||
|
[这是一篇很好的文章,](https://css-tricks.com/almanac/properties/c/columns/)可以阅读以了解有关CSS3多列的更多信息
|