HTML表格不会打印全角

时间:2018-11-30 03:44:36

标签: html css printing html-table

帮助,尝试使用html表打印日历,在mac上但在Windows,所有浏览器上都可以正常打印,无论CSS打印设置是什么,它的顶部都留有3英寸的空白。客户端希望日历打印出完整的出血。我可以如果我将浏览器上的打印设置调整为不缩小到适合的大小,然后将其设置为110%,则可以将其打印为完整尺寸,但是该解决方案会弄乱类型并弄乱日历中的字符。它使用纯CSS?

1 个答案:

答案 0 :(得分:0)

添加此简单的Javascript代码以打印日历

<script language="javascript">
function Clickheretoprint()
{ 
  var disp_setting="toolbar=yes,location=no,directories=yes,menubar=yes,"; 
      disp_setting+="scrollbars=yes,width=400, height=400, left=100, top=25"; 
  var content_vlue = document.getElementById("print_content").innerHTML; 
  
  var docprint=window.open("","",disp_setting); 
   docprint.document.open(); 
   docprint.document.write('<html><head><title>Print</title>'); 
   docprint.document.write('</head><body onLoad="self.print()" style="width: 800px; font-size:12px; font-family:arial;">');          
   docprint.document.write(content_vlue);          
   docprint.document.write('</body></html>'); 
   docprint.document.close(); 
   docprint.focus(); 
}
</script>
<a href="javascript:Clickheretoprint()">Print</a>
<div id="print_content" style="width: 100%;">
Calendar/html table goes here
</div>