使用CSS打印网页的一部分

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>');