我想要创建打印友好版本的我的ASP.NET MVC 3视图我该怎么做?另外,如果我需要打印友好版本的几个部分的视图呢?
问候.
解决方法
我使用相同的视图,但有2个CSS文件(一个媒体=“屏幕”,另一个与媒体“打印”).
在打印CSS文件中,我使用CSS隐藏所有不相关的DOM元素,使用display:none ;.
示例MVC视图:
<html> <head> <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> <link rel="stylesheet" type="text/css" media="print" href="print.css" /> </head> <body> <div id="pageHeader">This will not be shown in print - menubar,etc.</div> <h1>Title</h1> <p>Text</p> </body> </html>
print.css文件示例:
#pageHeader { display: none; }
看看这个很好的“A List Apart”文章:CSS打印:http://www.alistapart.com/articles/goingtoprint/