【问题标题】:Why is my webpage printing an extra blank page?为什么我的网页打印出额外的空白页?
【发布时间】:2019-07-24 01:56:41
【问题描述】:

我不明白为什么我的 html 文档打印了一个额外的空白页。

我尝试缩小内容并增加打印页面的边距,但无济于事。

文档应该只打印一页,但它正在生成第二个空白页。

这是应用程序的链接:https://wesleyhedrick.github.io/DragandDrop/draganddrop.html

【问题讨论】:

  • 这是因为你的 body 元素上有边距和内边距以及 100vh 作为高度。所有这些加起来超过 100% 的高度,这导致溢出并打印超过 1 页。如果您删除100vh,您应该只打印一页。如果您需要100vh,也可以通过其他方法解决此问题,例如从正文中删除边距和填充并将其添加到内部元素中。

标签: html css-print


【解决方案1】:

body 中删除 CSS 属性 height: 100vh,您将只得到一页

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-13
    • 1970-01-01
    • 1970-01-01
    • 2016-01-13
    • 2012-12-03
    • 1970-01-01
    相关资源
    最近更新 更多