column-break-before

编辑:前天网互动百科 时间:2019-11-15 06:00:13
编辑 锁定
本词条缺少概述信息栏名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧!

目录

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

column-break-before简介

编辑
column-break-before

column-break-before语法

column-break-before:auto | always | avoid | left | right | page | column | avoid-page | avoid-column
默认值:auto

column-break-before取值

auto:
既不强迫也不禁止在元素之前断行并产生新列
always:
总是在元素之前断行并产生新列
avoid:
避免在元素之前断行并产生新列

column-break-before说明

设置或检索对象之前是否断行。
对应的脚本特性为columnBreakBefore

column-break-before写法

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

column-break-before示例

编辑
body {
font: 14px / 1.5 georgia,
serif,
sans - serif;
}.test p,
.test div {
margin: 0;
padding: 5px 10px;
background: #eee;
}
h1 {
margin: 10px 0;
font - size: 16px;
}.test {
width: 600px;
border: 10px solid#000; - moz - column - count: 4; - moz - column - gap: 20px; - moz - column - rule: 3px solid#090; - webkit - column - count: 4; - webkit - column - gap: 20px; - webkit - column - rule: 3px solid#090;
column - count: 4;
column - gap: 20px;
column - rule: 3px solid#090;
}.test div { - moz - column -
break - before: always; - webkit - column -
break - before: always;
column -
break - before: always;
}
column -
break - before: always 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.不管上一列有没有填满,我都另起一列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] 
参考资料
词条标签:
艺术作品 文化