.print{ display: none; } @media print { .print{ display: block; font-size: 14px; } }
print.css是一個非常有用的樣式表,它是專門用于打印頁面的樣式表。通過定義這個樣式表,我們可以控制我們需要打印的頁面的外觀和排版。
在上面的代碼片段中,我們定義了一個名為“print”的CSS類,它包含一個“display: none”的樣式。這意味著,無論何時屏幕瀏覽器渲染HTML頁面,該元素不會顯示。
然而,當它們被打印或預(yù)覽時,它們將顯示出來,因為我們還定義了一個@media print規(guī)則。這個規(guī)則告訴瀏覽器,當打印或打印預(yù)覽時,顯示“print”類中的所有元素,并將它們設(shè)置為14像素的字體大小。
這個簡單的例子展示了如何使用print.css,可以通過它輕松地優(yōu)化打印頁面的排版。如有需要,還可以用它隱藏一些不必要的元素,以使打印更加清晰明了。
上一篇mysql 表怎么會被鎖
下一篇php編輯器跟css沖突