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

我正在执行打印功能。我得到的问题是，正在打印的页面不保留CSS格式。我在没有CSS的情况下打印纯文本。有谁知道如何打印所有CSS格式不变的页面。如何打印所有CSS格式的页面

2012-01-06 Amol Kolekar

您试图打印的网站最有可能具有用于打印的自定义样式表。这个样式表通常被简化并且适合于可打印的页面。除非您有修改或删除打印CSS文件的能力，否则我不认为您可以做些什么。

一个示例标记。

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

也许有一些方法来使用JavaScript以编程方式删除样式表，但我不知道。

来源

2012-01-06 03:48:06 mrtsherman

你的意思是说...我需要为打印介质创建另一个名为print.css的样式表吗？是不是有其他方法来代替为打印创建单独的样式表？ – 2012-01-06 04:40:44

我在说网站默认打印所有CSS。如果你没有用CSS打印，那么这个页面已经有一个打印的CSS表单（或者'@ media =“screen''defined），它阻止了样式的通过。我猜有一个远程的可能性，就是有一个浏览器你可以通过单独的浏览器打印来进行测试，如果你提供了一个有问题的网站的链接，你可以告诉你一些问题。 – mrtsherman 2012-01-06 05:21:16

在任何人谁仍想简单的说，你可以有一个具有“媒体=‘屏幕’”中的链接标记CSS样式表如下：

<link id="Link1" href="../Styles/MainStyleSheet.css" rel="Stylesheet" type="text/css" runat="server" media="screen" />

这将风格什么是在看到浏览器屏幕。

你也可以有一个具有“媒体=‘打印’”中的链接标记另一CSS样式表如下：

<link rel="stylesheet" href="../Styles/print_voucher.css" type="text/css" media="print" />

这将样式当用户查看打印预览/时所看到印在纸上。

如果你把这样的：

.inprintdisabled 
{ 
display: none; 
}

在print_voucher.css文件。到处都在你的HTML代码中有一个

<div class="inprintdisabled">

，它会显示在浏览器窗口div的内容，但是不能打印出/显示它在打印预览窗口。

同样的，如果你把

.inprintOnly 
{ 
display:none; 
}

在MainStyleSheet

和

<div class="inprintOnly">

在你的HTML代码，你可以不上出现的对象（文本，图像等）的浏览器屏幕，但会在打印预览/打印时出现。

希望这会有所帮助。

来源

2013-06-01 16:41:02 FlashTrev

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

回答

相关问题