css實現打印分頁控制


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM