这篇翻译不完整。请帮忙从英语翻译这篇文章。
概述
column-gap这个CSS属性,
用来设置元素列之间的间隔大小,此元素应是被指定为多列显示的元素。
初始值 | normal |
---|---|
适用元素 | multicol elements |
是否是继承属性 | 否 |
适用媒体 | visual |
计算值 | the absolute length or the keyword normal |
是否适用于 CSS 动画 | yes, as a length |
正规顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
Formal syntax: <length> | normal
column-gap: 3px; column-gap: 2.5em; column-gap: normal; column-gap: inherit;
取值
-
normal
- 用来表示使用浏览器定义的列的默认间隔。推荐默认间隔是1em,由现代大多数浏览器所遵循。
<length>
- 是一个
<length>
值,定义列的间隔大小。必须是非负数,但可以等于0。
示例
.content-box { border: 10px solid #000000; column-count: 3; column-gap: 20px; }
参考
Specification | Status | Comment |
---|---|---|
CSS Multi-column Layout Module column-gap |
Candidate Recommendation |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | (Yes)-webkit | 1.5 (1.8)-moz[1] | 10 | 11.1 | 3.0 (522)-webkit |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | ? | (Yes) | ? | ? | ? |
[1] Before Firefox 3 (Gecko 1.9), the default value associated to the normal
keyword was 0
and not 1em
.