CSS 3 column-gap 属性

CSS column-gap 属性指定的列之间的差距

如果指定了列之间的距离规则,它会取平均值

默认值 normal
继承 no
版本 CSS3
JavaScript 语法 object.style.columnGap="40px"

语法

column-gap: *length* |normal;

值说明

描述
length 一个指定的长度,将设置列之间的差距
normal 指定一个列之间的普通差距。 W3C建议1EM值

浏览器支持

50.0
4.0 -webkit-
10.0 2.0 -moz- 9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

范例

指定列之间的40个像素的差距

div {
    column-gap:40px;-moz-column-gap:40px; /* Firefox */
    -webkit-column-gap:40px; /* Safari and Chrome */
}

运行范例 »

更多范例

  1. column-count

    div 元素的文本分成三列

  2. column-rule

    指定列之间的规则:宽度,样式和颜色

相关文章

CSS3 基础教程: CSS3 多列

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.