網頁打印實踐及參考資料推薦

難度係數：簡單
關鍵詞：css print

實踐

處理前截圖：

處理後截圖：

實踐小結

第一次接到網頁要提供打印，可能會有些不知所措，我這裏只說下遇到表格、圖像、列表項內容在尾部被斷開的問題處理。

1. 方案選用的是直接調用window.print()方法;
2. 本次用到的只是處理固定塊內容不被截斷，對於不想被斷開的元素設置css值page-break-inside: avoid，例如：

.vo-cnt-list{
    li{
        page-break-inside: avoid;
    }
}

備註

須要瞭解更詳細的，能夠參考 web打印的幾種方案 和打印樣式設計 。