column-fill

编辑:丰满网互动百科 时间:2020-02-23 15:40:39
编辑 锁定
本词条缺少概述名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧!
外文名
column-fill
语    法
auto | balance
默认值
auto
说    明
设置或检索对象所有列的高度是否统一

目录

  1. 1 简介
  2. 语法
  3. 取值
  4. 说明
  5. 写法
  6. 2 示例

column-fill简介

编辑
column-fill

column-fill语法

column-fill:auto | balance
默认值:auto

column-fill取值

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

column-fill说明

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

column-fill写法

内核类型写法
Webkit(Chrome/Safari)
Gecko(Firefox)
Presto(Opera)
Trident(IE)column-fill
W3Ccolumn-fill

column-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.[1] 
参考资料
词条标签:
非文化 文化术语 文化