Question

我正在使用java-script window.print作为我的print div。当我在打印页面中打印div而非I对齐问题时。

在我用于打印的代码下面，我也上传了两张图片。首先是我的输出图像，第二个是我打印的布局。

  function PrintPopup() {
        var data = $("#viewCoupon").html();
        var mywindow = window.open('', 'Print Data', 'height=540,width=980');
        mywindow.document.write("<html><head><title>Bonus Box Offer</title>");
        mywindow.document.write("<link href=\"Content/style.css\" rel=\"stylesheet\" />");
        mywindow.document.write("<style>.userwinners{margin-top: 51px;margin-left: 0;} .no-Print{display:none;}  @media print {.no-Print{display:none;} title {display:none;} }</style>");
        mywindow.document.write("</head><body >");
        mywindow.document.write(data);
        mywindow.document.write("</body></html>");

        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10

        mywindow.print();
        //mywindow.close();

        return true;
    }

Answer 1

使用单独的CSS文件。因此，您可以按照预期的更好的方式使用CSS对齐页面。这是CSS文件包含的代码，这对PRINT只有效果。

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

因此，您可以添加任何想要对齐打印页面的CSS。

使用Javascript在window.print中的Aligment问题

1 个答案: