如何使用 CSS 只列印特定的 div 元素？

列印特定內容：隔離

將特定內容合併到列印作業中，同時排除其他頁面元素可能會很麻煩。為了解決這個問題，CSS 提供了一個解決方案，讓您僅列印指定的

。

解決方案：

以下CSS 程式碼有效隔離了目標

元素用於列印：

@media print {
  body {
    visibility: hidden;
  }
  #printarea {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
}

說明：

此程式碼使用列印媒體查詢在列印時選擇性地將樣式套用至文件。它隱藏了頁面上除

純 CSS 解決方案的優點：

• 無需視窗操作或額外程式碼。
• 保持列印的
  的佈局。
• 避免不必要的列印預覽帶來不便。

替代方法：

雖然CSS 提供了一個優雅的解決方案，但還有其他替代方法：

• 顯示操作：這涉及設定display:none不可列印的元素。但是，它會破壞頁面的佈局並需要進行結構變更。
• 可見性控制：與純 CSS 解決方案類似，但沒有元素的精確定位。

純 CSS 方法為列印特定內容提供了簡單有效的解決方案，而不會影響版面或使用者體驗。