极品分享

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

2012-04-07 0 /
DIV&CSS
/
标签: 

评论回复

回到顶部