Question

好的，出于某种原因，我的div打印出它在Firefox和Chrome中的应用方式，但是当我去IE时它不起作用。它只打印出div的一页，然后是页眉和页脚。我已经尝试添加一些新代码，看看我是否可以让它更好地工作，但仍然有问题。当前代码打印出来的确很好，但不会继承他们在页面上而不是外部样式表中的div样式。下面注释掉的代码就是他们之前的代码。有没有人有任何帮助？

    function buildPrint() {

        var sourceDiv = document.getElementById("display_div");
        var WindowObject = window.open('', 'print_div', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes');
        WindowObject.document.writeln(sourceDiv.innerHTML);
        WindowObject.document.close();
        WindowObject.focus();
        WindowObject.print();
        WindowObject.close();

        //document.getElementById("print_div").innerHTML = sourceDiv.innerHTML;
        //window.print();

    }
<asp:Content ID="Content3" ContentPlaceHolderID="BodyPlaceHolder" runat="server">
<div id="display_div">
<asp:CheckBox ID="showAllOptionals" runat="server" Text="Show All Optionals" AutoPostBack="true" />
<asp:Literal ID="mainTable" runat="server" />
</div>

</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="PrintContent" runat="server">
<div id="print_div" style="page-break-after:avoid;">
</div>

</input><input onclick=\"buildPrint();\" id=\"printBtn\" type=\"button\" value=\"Print\">

Answer 1

我得到了解决方案，我不得不添加不同的CSS，因此div溢出并打印。感谢所有帮助

在IE中打印div的内容

1 个答案: