Question

我正在尝试在要求预览页面之前对具有背景的格式进行编码，以指示预览中不包含背景的颜色。谢谢

        <script>
        function printContent() {
          var page = document.getElementById("page");
          var btn = document.getElementById("grey");

          btn.style.visibility = 'hidden';
          page.style.borderStyle = 'none';
          page.style.margin = 'auto';

          window.print();
          btn.style.visibility = 'hidden';
        }
        </script>
        <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div></div><!-- /example -->

Answer 1

您可以使用CSS @media print 功能。而不是使用JS，使用CSS。

<style type="text/css">
    @media print{
            .btn{display:none}
            .page{margin:auto}
}
</style>

Answer 2

我建议使用print stylesheet，然后它会影响使用浏览器操作的用户（例如git wdiff file.docx）

CMD-P

打印预览前的页面格式

2 个答案: