如何打印带有所有CSS格式的页面

本文关键字:CSS 格式 何打印 打印 | 更新日期: 2023-09-27 18:19:31

我正在执行打印功能。我遇到的问题是,正在打印的页面没有保留CSS格式。我得到的是没有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代码中,可以有一些对象(文本、图像等)不会出现在浏览器屏幕上,但会在预览/打印时出现。

希望这能有所帮助。