要实现在打印时每个 <div> 都能单独展示在一页上，你可以使用CSS的@media print 媒体查询和page-break-after属性。
首先，你可以添加一个特殊的类名，用于表示需要在打印时分页的 <div> 元素。
<div class="print-page">
<!-- 这个div将在打印时分页显示 -->
</div>然后，你可以使用CSS的@media print 媒体查询来设置打印样式，并使用page-break-after属性在每个需要分页的 <div> 后添加分页符。
<style>
@media print {
.print-page {
page-break-after: always; /* 添加分页符，在每个print-page div之后分页 */
}
}
</style>这样，在打印时，每个带有 .print-page 类名的 <div> 将会单独展示在一页上。
请注意，为了在预览打印页面时看到效果，你可以使用浏览器的打印预览功能。你可以通过按下 Ctrl + P（在Windows）或 Command + P（在Mac）来快速预览打印效果。
以下是一个完整的示例：文章来源：https://www.toymoban.com/news/detail-519222.html
<style>
@media print {
.print-page {
page-break-after: always; /* 添加分页符，在每个print-page div之后分页 */
}
}
</style>
<div class="print-page">
<!-- 第一个需要分页的内容 -->
</div>
<div class="print-page">
<!-- 第二个需要分页的内容 -->
</div>
使用上述代码，在打印时，每个带有 .print-page 类名的 <div> 将单独展示在一页上。文章来源地址https://www.toymoban.com/news/detail-519222.html
到了这里，关于css实现多div打印分页问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术6（HTML5、CSS3、JavaScript ）DIV与SPAN，盒模型，Overflow——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/756611-1.png)
![[HTML]Web前端开发技术10（HTML5、CSS3、JavaScript ）CSS+DIV页面布局，固定定位，相对定位relative，绝对定位absolute，层定位的应用——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/783047-1.png)
