如何在打印时消除 HTML 元素之间的间隙

【问题标题】：How to Remove Gaps between HTML Elements while printing如何在打印时消除 HTML 元素之间的间隙
【发布时间】：2022-01-04 04:33:06
【问题描述】：

此处附加的 HTML 文件在浏览器中查看时工作正常，但当我尝试打印它时，元素之间存在很大差距，因此每个 div 都在它自己的页面上。如何在打印时消除这些间隙？

代码：code 托管站点：sitelink

您可以通过进入上述附加链接并按ctrl + p 来检查问题。

【问题讨论】：

【解决方案1】：

您可以在您的 css 类中添加 float:left;：

<style type="text/css"> 
  div.nospace {
      margin: 0;
      display: inline-block;
      float: left;
  }
</style>

创建 div 时，请使用 class="nospace"

<div class="nospace">first div</div>
<div class="nospace">second div</div>

【讨论】：

【解决方案2】：

请先生在该页面上检查此答案。它将帮助您如何删除 HTML 元素之间的空格。本文所有内容均在enter link description here提供

你可以解决购买添加小css属性的问题

font-size: 0;

【讨论】：