孙肖宁

CSS3中的多列布局
columns语法:columns:[ column-width ] || [ column-count ],设置...
扫描右侧二维码阅读全文
09
2018/07

CSS3中的多列布局

columns语法:columns:[ column-width ] || [ column-count ],设置或检索对象的列数和每列的宽度。
相关属性

  • 分几列
    column-count:3;
  • 分割线
    column-rule:1px dashed red;
  • 设置列间距
    column-gap:60px;
  • 列宽度
    column-width: 400px;
  • 和并列
    column-span:all

注意:为了解决浏览器的兼容性问题,一定要加上浏览器的前缀。

Last modification:July 9th, 2018 at 07:15 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment