【问题标题】:Remove blank page when printing on google chrome在谷歌浏览器上打印时删除空白页
【发布时间】:2016-11-19 20:57:02
【问题描述】:

我使用@media print {} 对打印进行一些更改。但是当我在谷歌浏览器中看到打印预览时,它会在底部显示一个额外的空白页。如何删除它?我尝试了一些代码,但它仍然无法正常工作。

div:last-child{
    page-break-after: auto !important;
}
body,html{
    height:auto !important;
    min-height:200px;
}

【问题讨论】:

    标签: css google-chrome printing


    【解决方案1】:

    试试这个方法:

    * {
      font-size: 1em !important;
      line-height: 1 !important;
    }
    

    【讨论】:

    • 你拯救了我的一天。行高:1!重要;像魔术一样工作。
    • 我不知道为什么会这样,但确实如此。设置 line-height: 1 是唯一对我有用的东西。对于那些只想在打印时执行此操作的人,最好将此 css 粘贴在 @media print { } 指令中以避免与其他样式混淆。
    【解决方案2】:

    在我看来,这是因为 bootstrap 在那里添加了虚拟样式。我重新设置了它们。看看它是如何添加它们的。

    所以我重新设置了它们:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-01-24
      • 1970-01-01
      • 2016-07-09
      • 1970-01-01
      相关资源
      最近更新 更多