前端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