Question

我有一张桌子的div。我试图使用Javascript打印div：

<script type="text/javascript">
    function myFunction() {
        var prtContent = document.getElementById("printable");
        var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
        WinPrint.document.write(prtContent.outerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
    }
</script>

但是当我打印这个div时，div不会打印出像text-alignment那样的CSS，表格边框等。

Answer 1

由于您要创建新文档，因此它将独立显示和打印，不受创建文档中任何样式表的影响。如果要对其进行样式设置，则需要将样式表与创建的文档相关联。最简单的是，如果您的所有CSS代码都在一个外部文件mystyle.css中，则只需添加引用它的link元素，例如声明WinPrint.document.write(prtContent.outerHTML)之前的以下声明：

WinPrint.document.write('<link rel=stylesheet href=mystyle.css>');

使用CSS打印网页的一部分

1 个答案: