Question

我正在使用以下代码来打印我的HTML内容。我的代码在

之下

代码没问题我面临的问题

＆＃13;

function printDiv(divId) {
      window.frames["print_frame"].document.body.innerHTML = document.getElementById(divId).innerHTML;
      window.frames["print_frame"].window.focus();
      window.frames["print_frame"].window.print();
  };

＆＃13;

<span class="print">
<a href="javascript:printDiv('invoice')">print</a>
 <iframe name="print_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe>
 </span>

 <div id="invoice" style="margin: 10px 20px;margin-bottom: 35px;-webkit-box-shadow: 0 0 6px #ccc;box-shadow: 0 0 6px #ccc;">
               
<div style="float:right;width:35%;text-align:right;">
    <span style="font-size: 24pt;right: 0 ">INVOICE</span>
 <br> <span style="font-size: 10pt;right: 0"><b># 345</b></span>
</div>
   ....
   </div

＆＃13;

我的问题是INVOICE没有完全正确显示。请解决此问题

Answer 1

身体增加8px边距。这可能是问题吗？您可以通过添加以下CSS来解决它：

body {
   margin: 0;
}

或者，如果您不能这样做，只需将发票文字进一步向右推：

<span style="font-size: 24pt;right: -8px ">INVOICE</span>
<br> <span style="font-size: 10pt;right: -8px;"><b># 345</b></span>

发票不在右侧打印

1 个答案: