打印僅可見DIV

Question

我在html頁面中創建了許多div /塊，可以顯示所選塊並隱藏未選擇的塊。

但是，打印時，它不能僅打印選定的塊。它將打印所有選中的和所有隱藏的塊。

我該怎麼做才能打印那些用戶選擇要打印的塊，而不是打印那些隱藏的塊？

Answer 1

類似於你的樣式表。假設隱藏塊有一類隱藏的，並且選擇了一類選擇。

@media print 
{ 

    div,.hidden{display:none;} 
    .chosen{display:block;} 
} 

谷歌打印樣式表獲取更多信息。 見：Hide Text From Printing

Answer 2

您可以使用媒體查詢目標僅僅是打印視圖一般創建打印樣式表：

@media print { 
     .class-i-want-to-show { 
      width: 100%; 
     } 

     .class-i-want-to-hide { 
      display: none; 
     } 
} 

要動態地隱藏在打印視圖中的元素，你可以只看看所有的通過另一個函數將一些無印刷類應用於它們的div並告訴它們顯示：none;在您的打印頁面上。

$("div").parent(".dont-print-me").css("display", "none"); 

我不得不更多地瞭解你真的想要推薦一個更全面的腳本。