使用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进行处理的~特此记录一下

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠