如何打印带有所有CSS格式的页面
本文关键字:CSS 格式 何打印 打印 | 更新日期: 2023-09-27 18:19:31
我正在执行打印功能。我遇到的问题是,正在打印的页面没有保留CSS格式。我得到的是没有CSS的纯文本打印。有人知道如何在CSS格式不变的情况下打印页面吗。
很可能您要打印的网站有一个用于打印的自定义样式表。此样式表通常经过简化,适合打印页面。我认为除非你有能力修改或删除打印CSS文件,否则你对此无能为力。
打印样式表简介。
一个的示例标记。
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
也许有一些方法可以使用javascript以编程方式删除样式表,但我不确定。
对于那些仍然想知道的人来说,简单地说,你可以有一个CSS样式表,它在链接标记中有"media="screen",如下所示:
<link id="Link1" href="../Styles/MainStyleSheet.css" rel="Stylesheet" type="text/css" runat="server" media="screen" />
这将为浏览器屏幕中的内容设置样式。
您还可以拥有另一个CSS样式表,该样式表在链接标记中包含"media="print",如下所示:
<link rel="stylesheet" href="../Styles/print_voucher.css" type="text/css" media="print" />
这将设置用户查看打印预览/打印在纸张上时所看到的内容的样式。
如果你放一些类似的东西:
.inprintdisabled
{
display: none;
}
在您的print_vouche.css文件中。HTML代码中有的任何地方
<div class="inprintdisabled">
它将在浏览器窗口中显示该div的内容,但不会在打印预览窗口中打印/显示。
同样,如果你把
.inprintOnly
{
display:none;
}
在MainStyleSheet和中
<div class="inprintOnly">
在HTML代码中,可以有一些对象(文本、图像等)不会出现在浏览器屏幕上,但会在预览/打印时出现。
希望这能有所帮助。