列印CSS

@media print指定於列印時觸發的CSS。

※chrome debug方法:
More tools→Rendering→Emulate CSS media→print

指定頁碼

@page {
  @bottom-center {
    content: "第" counter(page) "頁";
  }
}

列印邊界

使用@page可以指定預設列印邊界。但使用者仍可透過自訂列印邊界改掉它

@page {
  margin-bottom: 10mm;
}

Boostrap

Bootstrap內建有列印後隱藏的class

<div class="hidden-print">這段文字會被隱藏</div>

print()事件

print()事件可以呼叫列印行為

window.print()

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *