在網(wǎng)頁設(shè)計中，我們經(jīng)常需要設(shè)置某些元素不打印出來，以確保打印出來的紙質(zhì)版面是符合我們預(yù)期的。下面是一些關(guān)于如何通過 CSS 設(shè)置不打印的方法。

@media print {
.no-print {
display: none;
}
}

上述代碼使用了媒體查詢語法，指示了樣式只用于打印版本中，而不是屏幕上的版本。然后我們定義了一個 class 名稱為 “no-print”，其中 display 屬性設(shè)置為 none，這意味著打印版中“no-print”類的元素將被隱藏。

@media print {
body * {
visibility: hidden;
}
.printable, .printable * {
visibility: visible;
}
.printable {
position: absolute;
left: 0;
top: 0;
}
}

另一種方法是將所有元素的可見性設(shè)置為隱藏，而只將需要打印的元素的可見性設(shè)置為 visible。同樣地，我們使用了媒體查詢語法來指示以下樣式僅針對打印版本適用。我們定義了一個 class 名稱為 “printable”，并為其設(shè)置了 visibility 屬性和 position 屬性，以確保其僅顯示在打印版本中。

以上兩種方法僅是樣式表中的樣例，您可以按照自己的需要進行修改和調(diào)整?？傊?，設(shè)置不打印是網(wǎng)站設(shè)計的重要部分之一，通過合理的 CSS 控制它們可以提高我們打印出來的版面效果。