使用CSS控制打印頁面格式

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

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

正因為xhtml和css是分離的，所以我們可以在print.css里自由書寫需要打印顯示的內容和表現形式。那么這也要求我們在書寫xhtml的時候更多考慮到打印顯示效果的需求，良好的擴展標記和結構嵌套，使得我們輕松的使用display:none將內容設置為不顯示。然后就是去書寫 print.css內容的時候了，你象設置word一樣去寫你想打印的頁面吧。

后來想了想，其實單獨寫一個css增加了請求次數，就想到了@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來進行操作，現在的打印頁面的局部內容基本上就是使用iframe進行處理的~特此記錄一下

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈