亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

巧妙使用CSS創建可以打印的頁面

2019-11-14 14:19:26
字體:
來源:轉載
供稿:網友

CSS創建打印頁面,不必為打印而專門建立一個HTML文件,可以節省一些體力,其前提是按“WEB標準”用CSS+DIV布局HTML頁面。

第一、在HTML頁面加入為打印機設置的CSS文件

<link href="css/admin.css" rel="stylesheet" type="text/css" media="screen" />	<link href="css/admin-

media="screen" ,是面向屏幕的;

media="print" ,是面向打印的;

第二、建立打印版本的頁面,去除不必要的頁面元素,如導航、側欄、廣告、版權等。這時就可以體現出按“WEB標準”做頁面的優勢了,用CSS換個版式很容易。

/* 隱藏不打印項 start */h1 span {    /* 副標題 */ display: none;  }#sidebar {   /* 側欄 */ display: none;}		#content td.ads {  /* 表格內廣告 */ display: none;}		#content th.col2 span {  /* 錨鏈接 */ display: none;}		#content #bottom-2 {  /* 頁尾表格打印 */ display: none;}		/* 隱藏不打印項 end */

第三、打印按鈕函數,IE、Firefox均可正常打印。

<input type=button value="打 印 本 頁" onclick="window.print()">

另外,還有一個本地版的打印頁面,可以進行“打印設置”和“打印預覽”,但因為此設置,網絡打印需要調用IE瀏覽器一個控件,還需降低ActiveX控件安全,且只能在IE上運行,不實用。所以只貼一下調用代碼,備份。

<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> </OBJECT><input type=button value="打印預覽" onclick=document.all.WebBrowser.ExecWB(7,1)><input type=button value="頁面設置" onclick=document.all.WebBrowser.ExecWB(8,1)><input type=button value="打印本頁" onclick=document.all.WebBrowser.ExecWB(6,1)>

第四、注意事項

在打印樣式中,打印字體大小是以點(pt)來計的,屏幕上字體大小顯示,象素(px)比點和英尺更合適。

在打印樣式中,CSS的float屬性有時可能會引起一些麻煩,會造成打印頁面缺失,所以盡量去除不必要塊級顯示。

關于打印設置,自定義頁眉、頁腳,我查閱了一番資料,對此CSS和HTML無法控制,只能通過調用ActiveX控件來實現,但是這樣做不安全。最好方法是,打印前,你自己點擊瀏覽器菜單進行打印設置。

CSS中還有一個可以設置分頁符的標簽:“page-break-after”和“page-break-before”。因為我的節日頁面,表格較多,所以就沒有應用這個CSS,具體效果你自己試驗吧。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩中文字幕网址| 亚洲第一精品夜夜躁人人躁| 国产精品高清网站| 欧美一区在线直播| 欧美日韩国产精品| 精品久久久视频| 欧美限制级电影在线观看| 国产日韩专区在线| 亚洲精品网站在线播放gif| 久久精品久久久久久| 日韩精品中文字| 欧美黑人视频一区| 国产婷婷97碰碰久久人人蜜臀| 欧美中文在线观看国产| 久久久av电影| 国产一级揄自揄精品视频| 国产在线98福利播放视频| 久久久久久91香蕉国产| 午夜精品99久久免费| 国产亚洲欧美一区| 91精品国产色综合久久不卡98| 欧美成人黑人xx视频免费观看| 欧美电影免费在线观看| 91在线精品视频| 亚洲精品久久7777777| 久久久极品av| 操日韩av在线电影| 欧美日韩免费看| 日韩中文娱乐网| 色久欧美在线视频观看| 欧美激情第99页| 91高清视频免费| 欧美电影电视剧在线观看| 亚洲欧美中文日韩v在线观看| 欧美精品一区三区| 免费不卡在线观看av| 亚洲精品一区二区久| 91在线视频一区| 日韩精品免费看| 91免费在线视频网站| 国产97在线播放| 欧美日产国产成人免费图片| 欧美视频免费在线观看| 亚洲欧洲xxxx| 欧美老女人www| 97精品欧美一区二区三区| 亚洲国产成人91精品| 亚洲视频自拍偷拍| 在线亚洲欧美视频| 日韩成人激情影院| 国产精品xxx视频| 国产精品高潮粉嫩av| 亚洲性猛交xxxxwww| 综合国产在线视频| 欧美国产在线电影| 精品一区电影国产| 亚洲成年人影院在线| 欧美激情在线狂野欧美精品| 欧美日韩国产一中文字不卡| 欧美老妇交乱视频| 日本三级久久久| 欧美激情一级精品国产| 色狠狠久久aa北条麻妃| 亚洲国产精彩中文乱码av| 欧美多人乱p欧美4p久久| 亚洲伊人成综合成人网| 成人黄色大片在线免费观看| 欧美性少妇18aaaa视频| 国产视频久久久久久久| 亚洲成人av在线| 国产一区深夜福利| 久久99国产综合精品女同| 亚洲精品ady| 欧美孕妇性xx| 国产脚交av在线一区二区| 国产视频自拍一区| 中文字幕日韩综合av| 国产区精品在线观看| 高清一区二区三区日本久| 欧美日韩色婷婷| 久久最新资源网| 欧美在线国产精品| www欧美xxxx| 青青草原成人在线视频| 亚洲男人第一网站| 欧美成人精品一区| 国产精品亚洲美女av网站| 91av成人在线| 538国产精品一区二区在线| 欧美精品久久久久久久免费观看| 欧美日韩国产精品一区二区不卡中文| 久久综合网hezyo| 欧美日韩亚洲精品一区二区三区| 中文一区二区视频| 欧美日韩国产123| 在线日韩第一页| 亚洲天堂第二页| 亚洲精品97久久| 亚洲国产欧美在线成人app| 日韩精品在线观看视频| 波霸ol色综合久久| 国产视频在线一区二区| 欧美做受高潮电影o| 久久久视频在线| 国产综合香蕉五月婷在线| 成人黄色在线免费| 在线观看亚洲区| 成人午夜小视频| 亚洲国产精品va在线观看黑人| 国产激情综合五月久久| 欧美丝袜一区二区| 久久久电影免费观看完整版| 亚洲男人第一av网站| 尤物yw午夜国产精品视频| 日韩综合视频在线观看| 国产精品扒开腿爽爽爽视频| 久久久久国色av免费观看性色| 欧美精品亚州精品| 日韩一区二区欧美| 欧美巨猛xxxx猛交黑人97人| 亚洲一区二区三区香蕉| 亚洲欧美中文字幕在线一区| 91在线高清免费观看| 亚洲精品98久久久久久中文字幕| 久久国产精品偷| 伊人久久综合97精品| 日韩美女主播视频| 久久免费高清视频| 亚洲男人av电影| 国产精品欧美日韩一区二区| 91亚洲精品久久久久久久久久久久| 午夜精品久久久久久久男人的天堂| 欧美性猛交xxxx免费看| 精品无人国产偷自产在线| 在线看片第一页欧美| 国产成人aa精品一区在线播放| 久久国产视频网站| 亚洲va男人天堂| 久久久国产影院| 日韩欧美中文字幕在线播放| 国产精品一区二区性色av| 国产精品久久久久久久午夜| 久久久久久久网站| 26uuu国产精品视频| 成人激情免费在线| 久久成人av网站| 亚洲精品美女在线观看播放| 国产精品久久久久久久久久免费| 久久成人在线视频| 91牛牛免费视频| 曰本色欧美视频在线| 亚洲一区二区三区在线视频| 国外成人在线播放| 国产精品自产拍高潮在线观看| 97成人在线视频| 久久精品国产一区二区三区| 亚洲国产欧美一区| 亚洲毛茸茸少妇高潮呻吟| 欧美大人香蕉在线| 韩日欧美一区二区| 欧洲亚洲女同hd| 97成人在线视频| 国产女人精品视频| 亚洲人成网在线播放|