HTML+CSS 实现简单打印分页
代码：
<!DOCTYPE html>
<html>
<head>
<title>分页打印示例</title>
<style>
/* 打印样式 */
@media print {
.page {
page-break-after: always; /* 每个.page元素后都分页 */
}
}
</style>
</head>
<body>
<div class="page">
<h1>第一页</h1>
<p>这是第一页的内容...</p>
</div>
<div class="page">
<h1>第二页</h1>
<p>这是第二页的内容...</p>
</div>
<div class="page">
<h1>第三页</h1>
<p>这是第三页的内容...</p>
</div>
<button onclick="window.print()">打印</button>
</body>
</html>
在上述代码中，.page-break 类被用来在每个需要分页的地方添加分页指令。在打印模式下（即使用浏览器的打印功能时），@media print 样式会被应用，它将在每个.page-break元素之后以及最后一个.page-break元素之后添加实际的分页
效果图：
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）