CSS:隐藏元素仍会占用打印输出的空间

Question

我正在使用CSS只打印页面的一部分:

    body {
 visibility:hidden;
    }
    .print {
     visibility:visible;
     background-color: white;
     margin: 0;
    } 

我要打印的元素上方的部分被正确隐藏在打印输出中,但它仍占用了空间区域.我通过制作一个长的垂直单词列表对此进行了测试.在打印输出中,在没有单词的情况下发生相同的空白区域,然后发生元素输出.仅在chrome和mozilla上会出现此问题.我还测试了浏览器的边距选项,这不是问题.

有任何想法吗？

Answer 1

你display:none不想要visibility:hidden.后者使元素不可见,但不会将其从文档流中删除.