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

前端之家收集整理的这篇文章主要介绍了打印友好的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/

原文链接:https://www.f2er.com/aspnet/250656.html

猜你在找的asp.Net相关文章