欢迎光临
我的个人博客网站

CSS multicol教程学习笔记

这是我学习教程而写的笔记,教程地址:https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Multiple-column_Layout

作为温习之用

column-count可以指定分成多少列。

column-width可以指定一列宽度是多少,根据浏览器大小自动生成列数。

column-gap可以设置列之间的间隔大小。

column-rule的取值和border一样,是column-rule-color,column-rule-style和column-rule-width三个属性的总和。不占用空间,看gap大小。

column-span: all属性放在要横跨页面的元素上,这样文章可以在这个元素下边继续。

防止一整块的元素被分列分成两部分,可以使用 break-inside: avoid;在元素上(老浏览器加上page-break-inside: avoid;)

赞(0) 打赏
未经允许不得转载:张拓的天空 » CSS multicol教程学习笔记
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏