首页  >  文章  >  web前端  >  使用 CSS 控制分页

使用 CSS 控制分页

WBOY
WBOY转载
2023-08-25 10:57:02676浏览

使用 CSS 控制分页

要控制分页,请使用 page-break-beforepage-break-afterpage-break- 属性内。

page-break-beforepage-break-after都接受auto,始终,避免、左和右关键字。

关键字auto是默认值;它允许浏览器根据需要生成分页符。关键字always强制在元素之前或之后进行分页,而avoid禁止在元素之前或之后立即进行分页。 左和右关键字强制一到两个分页符,以便元素呈现在左侧或右侧页面上。

使用分页属性非常简单。假设您的文档具有 1 级标题,并以 2 级标题开始新的章节来表示章节。您希望每一章都从一个新的右侧页面开始,但不希望章节标题与后续内容之间通过分页符分开。

示例

您可以使用以下规则实现此目的

<style>
   <!--
      h1 {
         page-break-before : right
      }
      h2 {
         page-break-after : avoid
      }
   -->
</style>

以上是使用 CSS 控制分页的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除