本節內容:
JQuery、CSS操作打印樣式。
一、添加打印樣式
1,為屏幕顯示和打印分別準備一個css文件,如下所示:
用于屏幕顯示的css:
用于打印的css:
2,import方式:
3,直接把屏幕顯示樣式和打印樣式寫在一個css文件中:
@media print里面的內容只對打印出來的內容有效,之外的內容就是屏幕顯示的樣式。
其他:
創建一個不指定媒體類型的樣式表通常很有用(或者利用media="all")。
當你準備好定義一些特別用于打印的規則時,可以只創建一個單獨的樣式表,使任何在打印時看起來不好的樣式都失效。
使用這種方法的一個問題是必須確保打印機樣式實際上確實覆蓋了主樣式表??梢允褂?!important.
二、打印樣式注意事項:
1,打印樣式中不推薦使用背景,因為瀏覽器默認情況下并不能打印出CSS中的背景內容,只有當瀏覽器被設置可以打印背景的情況下才能打印出背(ie的高級選項中可選)。
即使背景可以打印,它也可能蓋過疊在它上面的任何文本。
這是真的,尤其對于用彩色背景在顯示器上強烈對比的文本,但是在黑白打印機上打印時會融合這一背景。
background:none;去掉背景 圖片和顏色。
可以利用background-color屬性設置背景顏色為白色,像這樣:background-color: white。
使用background的快捷法也可以獲得相同的效果:background: white。因此像background: white;
這樣的聲明不僅設置了背景顏色為白色,而且消除了所有背景圖片。利用這個background的快捷屬性, 你實現了兩個目的――設置了一個白色背景,并消除了圖片――只用很少的代碼。
2,如果需要在打印內容中出現圖片,請在HTML代碼中加入。
3,打印設置使用的是物理單位,所以尺寸最好不要用像素(px),可以用pt也可以用cm;
4,隱藏不需要的或是次要的內容。display:none;
5,盡量不要讓內容浮動,有些瀏覽器打印浮動的div的過程中,會有一個麻煩,需要特別加以注意。
不要在打印的樣式表中浮動的塊,像這樣:float: none;。
例如,基于Gecko的瀏覽器 (例如Netscap 6+),當用戶用它來瀏覽一個打印輸出頁面時,它會截去浮動元素中的內容。
這些內容就不會被傳送到打印機,下一個頁面也不會有它的蹤影
主站蜘蛛池模板:
沽源县|
布尔津县|
南岸区|
武威市|
盐山县|
甘洛县|
个旧市|
左权县|
林周县|
瑞安市|
三明市|
华容县|
德清县|
林甸县|
汉寿县|
新乡市|
安福县|
灵石县|
灵丘县|
德庆县|
武鸣县|
得荣县|
江门市|
阿克苏市|
潜江市|
天镇县|
高淳县|
密云县|
中阳县|
斗六市|
安平县|
乌兰浩特市|
涿州市|
大安市|
钟山县|
盐边县|
抚顺县|
安义县|
长丰县|
宁化县|
太保市|