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多列的更多信息
|