之前有提到 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;
}
}