Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

column-fill

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

Summary

The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs. 

初始值balance
适用元素multicol elements
是否是继承属性
适用媒体visual, but, in continuous media, has no effect in overflow columns
计算值as specified
是否适用于 CSS 动画
正规顺序the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: auto | balance
column-fill: auto;
column-fill: balance;

/* Global values */
column-fill: inherit;
column-fill: initial;
column-fill: unset;

Values

auto
Is a keyword indicating that columns are filled sequentially.
balance
Is a keyword indicating that content is equally divided between columns.

Examples

.content-box {
  column-count: 4;
  column-rule: 1px solid black;
  column-fill: balance;
  height: 200px;
}

Specifications

Specification Status Comment
CSS Multi-column Layout Module
column-fill
Candidate Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? 13.0 (13.0)-moz ? ? ?
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 13.0 (13.0)-moz ? ? ?

文档标签和贡献者

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