C# 开发网页的打印版

2021-04-12 05:26

阅读:404

标签:media   项目   href   version   图片   text   引入   body   one   

在项目中,有一个需求时是需要打印产品页面。但是打印出来的版本和网页上的版本不太一致,有些图片不需要,网页上以tab选项卡显示的内容,都需要在打印页面中看到..等等

CSS针对这种需求,引入了一个@media 规则,@media规则允许你根据不同的media指定不同的css style.  @media print 指的就是print version的css样式

@media screen   //screen的样式
{
    p.bodyCss {font-family: arial;}
}

@media print //print的样式
{
   p.bodyCss {font-family: serif;}

}

@media screen, print
{
   p.bodyCss {font-size: 15pt}
}

在上面的例子中,对于p的bodyCss样式, 页面上(screen样式)呈现的和打印出来的(print样式)是不一样的字体,但是字体大小是一样的

你也可以专门为打印print样式,引用一个专门的外部样式

"stylesheet" type="text/css" media="print" href="css/printpage.css">

也可以使用在页面中直接包含css的形式



网页上打印时不需要显示的部分加上 class="noprint"

 

设置好需要打印内容的css后,我们一般会在页面上增加一个button,button上面的内容为"Print this Page". 当点击这个button时,会打印这个页面。这个是通过javascript来实现的

 

C# 开发网页的打印版

标签:media   项目   href   version   图片   text   引入   body   one   

原文地址:https://www.cnblogs.com/wphl-27/p/9013553.html

上一篇:C# RestoreDirectory

下一篇:webapi踩的坑


评论


亲,登录后才可以留言!