显示效果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/8b6c754a67324a31ad01300b6cac6ce4.png)
核心代码:
<style>
@media
{
.pageBreak
{
page-break-after: always;
}
}
</style>
<!--如果需要强制换页就在上一页的未尾出加上此div-->
<div class="pageBreak">
</div>
完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>打印</title>
<style>
@media
{
.pageBreak
{
page-break-after: always;
}
}
</style>
</head>
<body>
<!--startprint-->
这个标签里面是打印的东西
第一页
<!--如果需要强制换页就在上一页的未尾出加上此div-->
<div class="pageBreak">
</div>
第二页
结束
<!--endprint-->
</body>
<script type="text/javascript">
/* bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();*/
</script>
</html>