自定义VB覆盖率报告中div元素额外添加空白间距问题如何解决？

你遇到的额外空白是两个因素叠加导致的：

• <pre>标签的默认特性是完全保留所有空白字符，包括你写代码时在</div>闭合标签和下一行Sub HelloWorld()之间输入的换行符，这个换行符会被pre直接渲染成一行空白
• div是块级元素，默认渲染结束后会自带一个换行，两个换行叠加就形成了两行内容之间的额外间距

方案1：调整HTML换行结构（最便捷，无副作用） #

直接删掉</div>和下一行代码之间的换行，避免pre解析出多余的空白字符，修改后的HTML如下：

<pre>
  <code>
<div>Option Explicit</div>Sub HelloWorld()
    Debug.Print("Hello World")
End Sub
  </code>
</pre>

方案2：调整div的CSS样式（不需要修改HTML结构） #

修改div的display属性避免自带换行，同时设置100%宽度保证背景色占满整行，额外清除浏览器默认的内外边距避免其他间距问题，CSS修改如下：

pre div {
  background-color: green;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

内容的提问来源于stack exchange，提问作者user32882