列印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()

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *