前端css控制分頁功能:
直接上代碼:
<style>
@page{
size: A4;
...用於控制打印頁面的尺寸、邊距、頁面盒模型(一般用於頁眉頁腳)
}
@media print{
... 打印時候的樣式(區別於頁面顯示的樣式)
}
</style>
<body>
<div>
...第一頁的內容
</div>
在需要分頁的位置直接添加這兩行就行了
<div style="page-breake-before:always;"></div>
<div style="page-breake-after:always;"></div>
<div>
...第二頁內容
</div>
</body>
這里配一張@page的盒模型圖片,以供參考使用:

參考文章:https://www.softwhy.com/article-5613-1.html
