css page-break-before样式与实例

时间:2023-05-04 17:09:41

page-break-before 是一个 CSS 分页属性,用于指定在哪里分页。它控制在 HTML 文档中分页发生的位置。

该属性接受以下值:

auto:默认值,表示分页由浏览器处理。
always:强制在元素之前发生分页。
avoid:尝试防止在元素前面分页。
left:在元素前面进行分页,并将下一页放置在左侧。
right:在元素前面进行分页,并将下一页放置在右侧。
以下是一个 page-break-before 的示例:

<!DOCTYPE html>
<html>
<head>
<title>Page Break Before Example</title>
<style>
h1 {
page-break-before: always;
}
</style>
</head>
<body>
<h1>Page 1</h1>
<p>Content for page 1 goes here.</p>
<h1>Page 2</h1>
<p>Content for page 2 goes here.</p>
</body>
</html>

在上面的示例中,标题 <h1> 元素设置为在它前面强制发生分页,因此在 h1 元素之前和之后的内容将出现在不同的页面上。

相关词 page