freeCodeCamp/guide/chinese/css/css3-multiple-columns/index.md

1021 B
Raw Blame History

title localeTitle
CSS3 Multiple Columns CSS3多列

CSS3多列

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

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

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

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

更多信息:

这是一篇很好的文章,可以阅读以了解有关CSS3多列的更多信息