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

概述

column-gap这个CSS属性,用来设置元素列之间的间隔大小,此元素应是被指定为多列显示的元素。

初始值normal
适用元素multicol elements
是否是继承属性
Percentagesrefer to the content width of the multi-column element
适用媒体visual
计算值as specified with lengths made absolute
Animation typea length, percentage or calc();
正规顺序per grammar

语法

Formal syntax: <length-percentage> | normal

where
<length-percentage> = <length> | <percentage>

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
Working Draft  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,