Car*_*lin 12
在CSS中使用MEDIA标记的组合来显示/隐藏要打印的对象.
<STYLE type="text/css">
@media print {
.PrintOnly {font-size: 10pt; line-height: 120%; background: white;}
}
@media screen {
.PrintOnly {display: none}
}
</STYLE>
Run Code Online (Sandbox Code Playgroud)
您可以Display:none在媒体屏幕上创建样式的控件,因此用户只能在打印时看到它们.
<DIV class="PrintOnly">
This control will only show up during printing
</DIV>
Run Code Online (Sandbox Code Playgroud)
您的任何控件都可以归类为"PrintOnly",因此您只能在打印时看到它们.您只需要为"@media screen"定义一次css类,为"@media print"定义一次,以确保它们的行为不同.
您还可以引入整个样式表以供打印使用.
<LINK rel="stylesheet" type"text/css" href="screen.css" media="screen">
<LINK rel="stylesheet" type"text/css" href="print.css" media="print">
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2923 次 |
| 最近记录: |