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

发布时间：2020-12-15 23:38:49 所属栏目：asp.Net 来源：网络整理

导读：我想要创建打印友好版本的我的ASP.NET MVC 3视图我该怎么做？另外,如果我需要打印友好版本的几个部分的视图呢？问候. 解决方法我使用相同的视图,但有2个CSS文件(一个媒体=“屏幕”,另一个与媒体“打

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!