CSS break

您所在的位置：网站首页 › beforecss › CSS break

CSS break

2023-04-05 13:51| 来源: 网络整理| 查看: 265

CSS break-before 属性 break-after break-inside 定义和用法

break-before 属性规定在指定元素之前是否应发生分页（page-break）、分列（column-break）或分区（region-break）。

break-before 属性扩展了 CSS2 的 page-break-before 属性。

通过使用 break-before，您可以告知浏览器在应用 break-after 属性的元素之前，对页面、列或区域进行中断，或者避免将元素拆分并跨越两个页面。

实例

始终在元素之前插入分页符：

@media print { h1 { break-before: always; } } CSS 语法 break-before: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit; 属性值值描述 auto 默认。在元素之前自动进行分页、分列、分区。 all 始终在主体框之前立即插入分页符。 always 始终在元素之前插入分页符（page-break）。 avoid 避免在元素之前出现页、列、区域中断。 avoid-column 避免在元素之前分列。 avoid-page 避免在元素之前分页。 avoid-region 避免在元素之前分区。 column 始终在元素之前插入分列符。 left 在元素之前插入一个或两个分页符，以便将下一页格式化为左页。 page 始终在元素之前插入分页符。 recto 在主体框前插入一个或两个分页符，以便将下一页格式化为 recto 页。 region 始终在元素之前插入分区符。 right 在元素之前插入一个或两个分页符，以便将下一页格式化为右页。 verso 在主体框前插入一个或两个分页符，以便将下一页格式化为 verso 页。 initial 将此属性设置为其默认值。参阅 initial。 inherit 从其父元素继承此属性。参阅 inherit。技术细节默认值： auto 继承：否动画制作：不支持。请参阅：动画相关属性。版本： CSS3 JavaScript 语法： object.style.breakBefore="always" 更多实例实例

为确保在打印时所有新章节都应从正确的页面（如书本中）开始，您可以对所有元素使用 break-before: ：

@media print { h1 { break-before: right; } } 实例

始终在 region 中的之前插入一个 region-break：

.region ul { break-before: region; } } 浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

Chrome IE / Edge Firefox Safari Opera 50.0 10.0 65.0 10.0 37.0 break-after break-inside

【本文地址】

CSS break

CSS break

今日新闻

推荐新闻