MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

这篇翻译不完整。请帮忙从英语翻译这篇文章

概述

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.

See also

文档标签和贡献者

 此页面的贡献者: Minya_Chan, billcz, fscholz, Sebastianz, FredWe
 最后编辑者: Minya_Chan,