安可林文章网新闻资讯column-fill
基本介绍
- 外文名：column-fill
- 语法：auto | balance
- 默认值：auto
- 说明：设定或检索对象所有列的高度是否统一
简介
column-fill
语法
column-fill：auto | balance
默认值：auto
取值
auto：
列高度自适应内容
balance：
所有列的高度以其中最高的一列统一
说明
设定或检索对象所有列的高度是否统一。
对应的脚本特性为columnFill。
写法
核心类型写法
Webkit(Chrome/Safari)
Gecko(Firefox)
Presto(Opera)
Trident(IE)column-fill
W3Ccolumn-fill
示例
body {
font: 14px / 1.5 georgia,
serif,
sans - serif;
}
p {
margin: 0;
padding: 5px 10px;
background: #eee;
}
h1 {
margin: 10px 0;
font - size: 16px;
}.test {
width: 600px;
border: 10px solid#000; - moz - column - count: 2; - moz - column - gap: 20px; - moz - column - rule: 3px solid#090; - moz - column - fill: balance; - webkit - column - count: 2; - webkit - column - gap: 20px; - webkit - column - rule: 3px solid#090; - webkit - column - fill: balance;
column - count: 2;
column - gap: 20px;
column - rule: 3px solid#090;
column - fill: balance;
}
column - fill: balance This module describes multi - column layout in CSS By using functionality described in this document,
style sheets can declare that the content of an element is to be laid out in multiple columns.
转载请注明出处安可林文章网 » column-fill