column-break-after

ction ction column

簡介

column-break-after

語法

column-break-after:auto | always | avoid | left | right | page | column | avoid-page | avoid-column
默認值:auto

取值

auto:
既不強迫也不禁止在元素之後斷行並產生新列
always:
總是在元素之後斷行並產生新列
avoid:
避免在元素之後斷行並產生新列

說明

設定或檢索對象之後是否斷行。
對應的腳本特性為columnBreakAfter

寫法

核心類型寫法
Webkit(Chrome/Safari)-webkit-column-break-after
Gecko(Firefox)
Presto(Opera)
Trident(IE)column-break-after
W3Ccolumn-break-after

示例

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 - after: always; - webkit - column -
break - after: always;
column -
break - after: always;
}
column -
break - after: 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.

相關詞條

熱門詞條

聯絡我們