如何在樣式支持下打印div？
[英]How to print a div with style support?
問題描述
我想用樣式（單獨的.css文件）打印div內容。 我嘗試了很多，但是無法通過樣式支持進行打印。
請幫我！
3 個解決方案
解決方案1
1 已采納
單擊“ PRINT”按鈕可以調用一個函數。 並且該函數包含您要打印的div。在我的示例中，我要打印ID為“ main”的div的內容
function CallPrint() {
var prtContent = document.getElementById('main');
var WinPrint = window.open('', '', 'width=800,height=650,scrollbars=1,menuBar=1');
var str = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><style type=\"text/css\">.margin_0px table{*float:left} <\/style> <title>PRINT</title> <script type=\"text/javascript\">function abc() {} <link href=\"/css/internal111.css\" rel=\"stylesheet\" type=\"text/css\"/></head><body onload="abc();"><div class=\"maintable_big\">' + prtContent.innerHTML</div></div></body></html>';
WinPrint.document.write(str);
WinPrint.document.close();
WinPrint.focus();
}
解決方案2
0 2011-08-09 10:34:26
我會說，在您的CSS文件中使用@media print 。 這是有關該主題的綜合文章 。
解決方案3
0 2011-08-09 10:35:17
也許這就是你所追求的？
<link href="stylesheetFileForPrintingOnly.css" rel="stylesheet" type="text/css" media="print">
您可以在此處了解有關媒體屬性的更多信息： https : //developer.mozilla.org/en/HTML/Element/link
使用 css 樣式打印 div
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.