用CSS樣式實現(xiàn)分頁打印，其主要應(yīng)用thead標(biāo)記、tfoot標(biāo)記和page-break-after屬性。

（1）thead標(biāo)記

thead用于設(shè)置表格的表頭。

（2）tfoot標(biāo)記

tfoot用于設(shè)置表格的表尾。

（3）page-break-after屬性

page-break-after屬性在打印文檔時發(fā)生作用，用于進行分頁打印。但是對于<br>和<hr>對象不起作用。其語法格式如下：

page-break-after：auto | always | avoid | left | right | null

參數(shù)說明：

page-break：打印時在樣式控制的對象前后換頁。

after：設(shè)置對象后出現(xiàn)頁分隔符。設(shè)置為always時，始終在對象之后插入頁分隔符。

auto：需要在對象之后插入頁分隔符時插入。

always：始終在對象之后插入頁分隔符。

avoid：未支持。避免在對象后面插入分隔符。

left：未支持。在對象后面插入頁分隔符，直到它到達一個空白的左頁邊。

right：未支持。在對象后面插入頁分隔符，直到它到達一個空白的右頁邊。

null：空白字符串。取消了分隔符設(shè)置。

WebBrowser.ExecWB的完整說明

<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
<input name=Button .Click=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>
<input name=Button .Click=document.all.WebBrowser.ExecWB(2,1) type=button value=關(guān)閉所有>
<input name=Button .Click=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為>
<input name=Button .Click=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
<input name=Button .Click=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
<input name=Button .Click=document.all.WebBrowser.ExecWB(7,1) type=button value=打印預(yù)覽>
<input name=Button .Click=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設(shè)置>
<input name=Button .Click=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性>
<input name=Button .Click=document.all.WebBrowser.ExecWB(17,1) type=button value=全選>
<input name=Button .Click=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
<input name=Button .Click=document.all.WebBrowser.ExecWB(45,1) type=button value=關(guān)閉>

運用CSS樣式實現(xiàn)分頁打印。其具體步驟如下：

（1）編寫用于控制指定內(nèi)容不打印的CSS樣式，代碼如下。

@media print{
    .bgnoprint{
        background:display:none;
    }
    .noprint{
        display:none
    }
}

（2）應(yīng)用include命令連接數(shù)據(jù)源文件，并應(yīng)用do…while循環(huán)語句輸出圖書信息到瀏覽器，并設(shè)置好表頭、表尾及打印分頁，關(guān)鍵代碼如下：

<?php include "conn/conn.php"; ?>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="27" align="center" style=" font-size:14px;"><b>圖書信息查詢</b></td>
</tr>
</table>
<table width="98%" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" bordercolor="#FFFFFF" bordercolordark="#000000" bordercolorlight="#FFFFFF" >
<thead style="display:table-header-group;"> <!--設(shè)置表頭-->
<tr bgcolor="#EFEFEF">
<td width="6%" height="20" align="center">編號</td>
<td width="27%" align="center">圖書名稱</td>
<td width="23%" align="center">內(nèi)容簡介</td>
<td width="8%" align="center">定價</td>
<td width="10%" align="center">作者</td>
<td width="15%" align="center">出版社</td>
<td width="11%" align="center">發(fā)行時間</td>
</tr>
</thead>
<!--控制分頁-->
<?php
$sql=mysql_query("select * from tb_book");
$info=mysql_fetch_array($sql);
$row=1;
do{
?>
<tr align="center" <?php if($row==2){ ?>style="page-break-after:always"<?php } ?>>
<td bgcolor="#FFFFFF"><?php echo $info[id];?></td>
<td height="25" align="left" bgcolor="#FFFFFF"> <?php echo $info[bookname];?></td>
<td align="left" bgcolor="#FFFFFF"> <?php echo $info[synopsis];?></td>
<td bgcolor="#FFFFFF"><?php echo $info[price];?></td>
<td bgcolor="#FFFFFF"><?php echo $info[maker];?></td>
<td bgcolor="#FFFFFF"><?php echo $info[publisher];?></td>
<td bgcolor="#FFFFFF"><?php echo $info[issuDate];?></td>
</tr>
<?php
$row++;
}while($info=mysql_fetch_array($sql))
?>
<!--設(shè)置表尾-->
<tfoot style="display:table-footer-group; border:none;"><tr><td></td></tr></tfoot>
</table>

（3）建立HTML的object標(biāo)簽，調(diào)用WebBrowser控件，代碼如下：

<object id="Wb" classid="ClSID:8856F961-340A-11D0-A96B-00C04Fd705A2" width="0" height="0">
</object>

（4）建立相關(guān)的打印超級鏈接，并調(diào)用WebBrowser控件的相應(yīng)參數(shù)實現(xiàn)打印預(yù)覽及打印功能，代碼如下：