Question

我想要样式打印div内容（单独的.css文件）。我尝试了很多，但无法打印出风格支持。

请帮助我！

Answer 1

点击“打印”按钮即可调用功能。并且该函数包含您要打印的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(); 
}

Answer 2

在css文件中使用@media print，我会说。这是关于这个主题的comprehensive article。

Answer 3

也许这就是你追求的目标？

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

您可以在此处详细了解媒体属性： https://developer.mozilla.org/en/HTML/Element/link

在这里：http://reference.sitepoint.com/html/link/media

如何打印带风格支持的div？

3 个答案: