使用media="print"控制列印時的樣式,如下:
列印時不顯示列印按鈕,設定頁面寬度
使用獨立的樣式檔案
我們在網頁裡引用外部的css檔案時,通常是用如下的代碼:<link rel="stylesheet" type="text/css" href="mycss.css">
實際上,上面的link對象裡,我們是省略了一個叫“media”的屬性,這個屬性指定樣式表規則用于指定的裝置類型。它有如下值可用:
all-- 用于所有裝置類型
aural-- 用于語音和音樂合成器
braille-- 用于觸覺回報裝置
embossed-- 用于凸點字元(盲文)印刷裝置
handheld-- 用于小型或手提裝置
print-- 用于列印機
projection-- 用于投影圖像,如幻燈片
screen-- 用于計算機顯示器
tty-- 用于使用固定間距字元格的裝置。如電傳打字機和終端
tv-- 用于電視類裝置
這麼多的值,并不是每個都可用,因為浏覽器廠商并沒有全部實作它們。
列印需要分頁時,但是自動分頁又無法滿足自己的需求時,需要手動分頁
page-break-after : auto | always | avoid | left | right | null
參數:
auto : 假如需要在對象之後插入頁分割符
always :始終在對象之後插入頁分割符
avoid : 避免在對象後面插入頁分割符
left : 在對象後面插入頁分割符直到它到達一個空白的左頁邊
right :在對象後面插入頁分割符直到它到達一個空白的右頁邊
null : 空值。IE5用來取消頁分割符設定
這個page-break-after,主要用來在列印時插入一個分頁符,分頁就靠它了。它還有個雙胞胎的兄弟,叫page-break-before,參數和它一樣,看名字即知道它是用來在對象之前插入分頁符。
示例如下:
關于.NET實作按模闆分頁的部分關鍵代碼
樣式
html
腳本
參考與分享:
<a href="http://bbs.csdn.net/topics/390520672" target="_blank">分享幾款免費的web列印控件</a>
<a href="http://blog.csdn.net/magister_feng/article/details/6058513">WEB列印系列教程之二--使用WScript.Shell通過程式設計方式進行複雜的WEB列印設定</a>
<a href="http://blog.csdn.net/magister_feng/article/details/6058525">WEB列印系列教程之三--簡單的WEB列印分頁設定</a>
<a href="http://www.cnblogs.com/RitchieChen/archive/2008/07/30/1256829.html">每頁都有的表頭和列印分頁</a>
<a href="https://gxnotes.com/article/41530.html">Google Chrome列印分頁符</a>
<a href="http://zqsmm.qiniucdn.com/data/20131017185001/index.html" target="_blank">web列印中如何強制分頁</a>