column-fill

语法：

column-fill：auto | balance

默认值：auto

适用于：定义了多列的元素

继承性：无

动画性：否

计算值：指定值

取值：

auto：
列高度自适应内容
balance：
所有列的高度以其中最高的一列统一

说明：

设置或检索对象所有列的高度是否统一。
  • 对应的脚本特性为columnFill。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Edge Firefox Chrome Safari Opera iOS
Safari		 Android
Browser		 Blackberry
Browser		 Opera
Mobile		 Chrome
for
Android		 Firefox
for
Android		 IE
Mobile		 UC
Browser
for
Android		 Samsung
Internet		 QQ
Browser		 Baidu
Browser
5.5-9 12+ 2-51 -moz- 4-49 -webkit- #1 3.1-6.1 -webkit- #1 9-11 3.2-6.1 -webkit- #1 2.1-4.4.4 -webkit- #1 7-10 -webkit- #1 10-11 61 56 10+ 11.4 -webkit- #1 4 -webkit- #1 1.2 7.12
10+ 52+ 50+ 7-8 -webkit- 11.1-50 7.0-8.4 -webkit- 11.1+ 5
9+ 15-36 -webkit- #1 9.0+

示例：