分割容器后面栏或页面 | break-after

break-after

break-afterCSS 属性定义了页面、列或区域分隔符在生成的框之后的行为方式。如果没有生成的框, 则忽略该属性。

/* Generic break values */
break-after: auto;
break-after: avoid;

/* Page break values */
break-after: avoid-page;
break-after: page;
break-after: always;
break-after: left;
break-after: right;
break-after: recto;
break-after: verso;

/* Column break values */
break-after: avoid-column;
break-after: column;

/* Region break values */
break-after: avoid-region;
break-after: region;

/* Global values */
break-after: inherit;
break-after: initial;
break-after: unset;

每个可能的断点（换句话说，每个元素边界）都受到三个属性的影响：break-after前一个元素的break-before值，下一个元素的break-inside值以及包含元素的值。

要确定是否必须进行break操作，应用以下规则：

• 如果这三项值是被迫中断值之一（always，left，right，page，column，或region），它具有优先权。如果不止一个是这样一个中断，那么在流中出现最新的那个元素（即break-before优先于break-after，break-after优先于break-inside）。

• 如果任何三种有关值是避免中断值（avoid，avoid-page，avoid-region，avoid-column），在该点处不施加任何动作。

一旦应用了强制中断, 可以在需要时添加软断点, 但不能在相应的避免值中解析的元素边界上进行。

语法

break-after属性被指定为下面列表中的一个关键字值。

取值

一般中断值

auto允许（但不强制）在主体框之后插入任何中断（页面，列或区域）。

分页符值

avoid-page在主体框后面避免任何分页符。

列中断值

avoid-column在主体框之后避免任何列中断。

区域中断值

avoid-region避免在主框之后出现任何区域中断。

形式语法

auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region

规范

浏览器兼容性