如何打印所有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格式的頁面

回答

相關問題