使用CSS控制打印頁面格式

由于客戶要求，打印時(shí)需把打印的按鈕去掉。這個(gè)時(shí)候就用到了控制打印的樣式表了。

<link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” />

正因?yàn)閤html和css是分離的，所以我們可以在print.css里自由書寫需要打印顯示的內(nèi)容和表現(xiàn)形式。那么這也要求我們在書寫xhtml的時(shí)候更多考慮到打印顯示效果的需求，良好的擴(kuò)展標(biāo)記和結(jié)構(gòu)嵌套，使得我們輕松的使用display:none將內(nèi)容設(shè)置為不顯示。然后就是去書寫 print.css內(nèi)容的時(shí)候了，你象設(shè)置word一樣去寫你想打印的頁面吧。

后來想了想，其實(shí)單獨(dú)寫一個(gè)css增加了請求次數(shù)，就想到了@media print{}的作用，代碼如下

@media print{
.printdesc
{
right: 0;
width: 685px;
height: 69px;
background-color: #FFFFFF;
float:left;
overflow:auto;
border:0px;
}
.text{
float:right;
width: 688px;
margin-top:20px;
}
.printlink{
height:0px;
display:none;
width:0px;
z-index:-10;

}
.printlink a{
display:none;
}
}

后來想到如果打印頁面的某一部分，可以使用iframe來進(jìn)行操作，現(xiàn)在的打印頁面的局部內(nèi)容基本上就是使用iframe進(jìn)行處理的~特此記錄一下

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)