---
title: CSS3 Multiple Columns
localeTitle: CSS3多列
---
## CSS3多列

CSS **多列布局**扩展了_块布局_模式，以便轻松定义多列文本。如果线条太长，人们就无法阅读文字;如果眼睛从一条线的末端移动到下一条线的开头需要太长时间，它们就会忘记它们所在的线。因此，为了最大限度地利用大屏幕，作者应该将有限宽度的文本列并排放置，就像报纸一样。

遗憾的是，如果不强制固定位置的列中断，或者严格限制文本中允许的标记，或使用英雄脚本，则无法使用CSS和HTML。通过添加新的CSS属性来扩展传统的块布局模式，可以解决此限制。

有几个属性可以让您自定义多列布局：

*   列数
*   柱隙
*   列规则式
*   列规则宽度
*   列治色
*   列治
*   列跨度
*   列宽

#### 更多信息：

[这是一篇很好的文章，](https://css-tricks.com/almanac/properties/c/columns/)可以阅读以了解有关CSS3多列的更多信息