|
在做B/S開發(fā)時(shí)，常碰到頁(yè)面打印的問題。 例如：如果需要將一個(gè)頁(yè)面向分成多頁(yè)打印，就要用到CSS樣式表元素page-break-after。該元素功能與Word中的分頁(yè)符類似，是用于網(wǎng)頁(yè)的分頁(yè)符。不過在Word中，分頁(yè)符可以很明顯的分隔兩頁(yè)面。如果在網(wǎng)頁(yè)中使用page-break-after元素，只有在打印預(yù)覽時(shí)，才能看到分隔效果。 先看一段代碼，運(yùn)行該代碼，然后點(diǎn)擊文件-->打印預(yù)覽，看看預(yù)覽頁(yè)面與實(shí)際頁(yè)面，有沒有什么區(qū)別。然后，我在下文小做解釋。 提示：你可以先修改部分代碼再運(yùn)行 一、如何分隔打印頁(yè)面： 1.使用樣式
2.插入分頁(yè)符
其中的div標(biāo)簽的定義屬性style="visibility:hidden;"，用于避免<p class="PageNext"></p>對(duì)頁(yè)面的布局造成影響，你可以按照自己的理解，靈活使用，只要不干擾原有的布局，就可以了。 當(dāng)然，你也可以使用其它html標(biāo)簽的分頁(yè)樣式：例如:<table class="PageNext">、<font class="PageNext"></font>等等，至于能否達(dá)到預(yù)想效果，可自己測(cè)試一下。 二、如何打印時(shí)隱藏非打印頁(yè)面元素： 有些內(nèi)容，例如：表格、按鈕、文字，如果只想在頁(yè)面中顯示，而在打印時(shí)不想打印出來，那么在樣式定義中，而且必須有<style media=print>，且在頁(yè)面中的需要隱藏的元素里加上Noprint這個(gè)樣式，在打印預(yù)覽時(shí)就可以看到效果了。
三、打印調(diào)試時(shí)，使用虛擬打印機(jī)，節(jié)約紙張 如果你安裝Adobe Acrobat 7.0 Professional時(shí)，會(huì)在系統(tǒng)安裝一個(gè)虛擬打印機(jī)：Adobe PDF，這個(gè)與普通打印機(jī)一樣，不過，打印時(shí)，生成一個(gè)pdf文件，可以看到打印的效果。類似的軟件有很多，例如：fineprint。不過，最終的測(cè)試還是要在真實(shí)的打印機(jī)上紙質(zhì)輸出，因?yàn)閮烧叩拇蛴⌒Ч€是會(huì)有差別的。 如果使用Adobe PDF生成pdf文件以后，當(dāng)pdf頁(yè)面100%顯示，如果頁(yè)面中有表格，那么表格的顯示可能會(huì)變形，所以必須再次調(diào)高放大倍數(shù)。 |
|
|
