这篇翻译不完整。请帮忙从英语翻译这篇文章。
概述
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.