打印友好的ASP.NET MVC 3视图

我想要创建打印友好版本的我的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/

打印友好的ASP.NET MVC 3视图

解决方法

相关文章