在做B/S開(kāi)發(fā)時(shí)，常碰到頁(yè)面打印的問(wèn)題。
例如：如果需要將一個(gè)頁(yè)面向分成多頁(yè)打印，就要用到CSS樣式表元素page-break-after。該元素功能與Word中的分頁(yè)符類似，是用于網(wǎng)頁(yè)的分頁(yè)符。不過(guò)在Word中，分頁(yè)符可以很明顯的分隔兩頁(yè)面。如果在網(wǎng)頁(yè)中使用page-break-after元素，只有在打印預(yù)覽時(shí)，才能看到分隔效果。
先看一段代碼，運(yùn)行該代碼，然后點(diǎn)擊文件-->打印預(yù)覽，看看預(yù)覽頁(yè)面與實(shí)際頁(yè)面，有沒(méi)有什么區(qū)別。然后，我在下文小做解釋。
提示：你可以先修改部分代碼再運(yùn)行
一、如何分隔打印頁(yè)面： 1.使用樣式
| 引用: |
| .PageNext{page-break-after: always;}<!--控制分頁(yè)--> |
|
2.插入分頁(yè)符
| 引用: |
<!-- 下面這個(gè)網(wǎng)頁(yè)元素就是用于打印時(shí)分隔頁(yè)面-->
<div id="pageNext1" style="visibility:hidden;"><p class="PageNext"></p></div> |
|
其中的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í)不想打印出來(lái)，那么在樣式定義中，而且必須有<style media=print>，且在頁(yè)面中的需要隱藏的元素里加上Noprint這個(gè)樣式，在打印預(yù)覽時(shí)就可以看到效果了。
| 引用: |
<style media=print>
.Noprint{display:none;}<!--用本樣式在打印時(shí)隱藏非打印項(xiàng)目-->
</style>
<input type=button value="表單元素" class="Noprint">
<table border="1" bordercolor="#000000" class="Noprint"><tr><td>表格元素</td></tr></table>
<font class="Noprint">隱藏的文字</font> |
|
三、打印調(diào)試時(shí)，使用虛擬打印機(jī)，節(jié)約紙張 如果你安裝Adobe Acrobat 7.0 Professional時(shí)，會(huì)在系統(tǒng)安裝一個(gè)虛擬打印機(jī)：Adobe PDF，這個(gè)與普通打印機(jī)一樣，不過(guò)，打印時(shí)，生成一個(gè)pdf文件，可以看到打印的效果。類似的軟件有很多，例如：fineprint。不過(guò)，最終的測(cè)試還是要在真實(shí)的打印機(jī)上紙質(zhì)輸出，因?yàn)閮烧叩拇蛴⌒Ч€是會(huì)有差別的。
如果使用Adobe PDF生成pdf文件以后，當(dāng)pdf頁(yè)面100%顯示，如果頁(yè)面中有表格，那么表格的顯示可能會(huì)變形，所以必須再次調(diào)高放大倍數(shù)。
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
