column-break-before

闂傚倸鍊峰ù鍥р枖閺囥垹绐楅柟鐗堟緲閸戠姴鈹戦悩瀹犲缂佺媭鍨堕弻锝夊箣閿濆憛鎾绘煛閸涱喗鍊愰柡宀嬬到閳诲海浠﹂挊澶嗘嫟闂備礁鎽滈崑娑⑩€﹂悜鐣屽祦闊洦绋掗崐璇测攽椤旇棄濮€闁稿鎸诲鍕箛椤撶姴寮抽梻浣虹帛閺屻劑骞夐敓鐘冲€舵い鏇楀亾闁哄瞼鍠愰ˇ鐗堟償閳ュ啿绠ｉ梻浣芥〃閻掞箓骞戦崶褜鍤曟い鎺戝鍥撮梺绯曞墲椤ㄥ繑瀵奸敓锟�

Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+

语法：

column-break-before：auto | always | avoid | left | right | page | column | avoid-page | avoid-column

默认值：auto

适用于：块级元素

继承性：无

动画性：否

计算值：指定值

取值：

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

说明：

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

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 2.0-40.0 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-29.0-webkit- 6.0-8.3-webkit- 2.1-4.4.4-webkit- 18.0-42.0-webkit-
10.0+

示例：