打印时用铬隐藏垂直滚动条

Question

在Chrome浏览器中打印报表时如何删除滚动条。下面是我的代码：

<style>
     @media print {
         @page {
             size: A4 portrait;
             margin:1cm;
         }
</style>

图片如下：

Answer 1

溢出：隐藏是您正在寻找的css属性。它移除滚动条并移除溢出的内容。参见：https://developer.mozilla.org/en/docs/web/css/overflow

<style>
     @media print{
         @page {
             size: A4 portrait;
             margin:1cm;
             overflow: hidden;
            }
     }
</style>

或者尝试将溢出设置为隐藏，而不依赖于媒体查询：

html { overflow: hidden; }

如果这对打印没有帮助，也许看看下面问题的答案：如何隐藏滚动条和内容拉姆可滚动？