如何使用CSS和HTML模拟分页符？

在使用CSS和HTML模拟分页符时，可以使用CSS的page-break-before和page-break-after属性来控制分页。

首先，在HTML中创建一个包含内容的<div>元素，并为其添加一个类名，例如page。

<div class="page">
  <!-- 第一页的内容 -->
</div>
<div class="page">
  <!-- 第二页的内容 -->
</div>
<div class="page">
  <!-- 第三页的内容 -->
</div>

然后，在CSS中使用page-break-before和page-break-after属性来控制分页。

.page {
  page-break-before: always;
}

这样，每个<div>元素都会在打印时自动分页。

需要注意的是，这种方法只适用于打印时的分页，不会在屏幕上显示分页符。如果需要在屏幕上模拟分页效果，可以使用CSS的column-count属性来实现。

.page {
  column-count: 1;
  column-gap: 20px;
}

这样，每个<div>元素的内容会分成多列，并在每列之间添加间距，实现分页效果。

总结：使用CSS的page-break-before和page-break-after属性可以在打印时实现分页效果，而使用column-count属性可以在屏幕上模拟分页效果。