在网页开发中，经常会遇到需要对内容进行分页显示的情况。CSS 分页可以帮助我们实现这一需求，让内容按照指定的页数进行分割显示。下面我们来看一些常见的 CSS 分页实例。
使用 page-break 实现分页
CSS 中的 page-break 属性可以控制内容在打印时或者在屏幕上进行分页显示。我们可以通过设置 page-break-before 和 page-break-after 来控制内容在哪里进行分页。
分页前插入分页符
----------- -
------------------ -------
-在上面的示例中，我们定义了一个 class 为 page-break 的样式，设置了 page-break-before: always;，这样在页面中出现该 class 的元素时，会在该元素之前插入一个分页符。
分页后插入分页符
----------- -
----------------- -------
-与前面类似，我们也可以通过设置 page-break-after: always; 来让内容在该元素之后插入一个分页符。
分页避免分割元素
有时候我们希望某个元素不被分割到两页中，可以使用 page-break-inside: avoid; 来避免内容被分割。
------------ -
------------------ ------
-以上就是使用 page-break 实现分页的一些常见示例。在实际开发中，我们可以根据具体需求来灵活运用这些属性来实现分页效果。