iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 29
0
自我挑戰組

30天的切版日記系列 第 29

Day 29 : 列印

  • 分享至 

  • xImage
  •  

之前有提到 bootstrap 列印問題,現在筆記一下其他列印相關css。

@media print{

    /*隱藏不列印的東西*/
    .no-print{
        display:none;
    }
}

關於內容被截斷、留白與尺寸的問題調整...

尺寸、邊距

@page{
     size: 5.5in 8.5in;       
     margin: 30px;
}

第一頁、奇數頁或偶數頁樣式

@page :first { 

    /*首頁設置*/

}

left、right分别為偶數頁、奇數頁

斷開調整

@page{
    table{
        page-break-after: avoid;
    }  
}

ps. page-break-after 對 tr、td不起作用

避免某行文字斷開

@page{
    table{
        page-break-inside: avoid;
    }  
}

上一篇
Day 28 : css 的 link 和 @import
下一篇
Day 30 : 30天了
系列文
30天的切版日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言