代码之家 › 专栏 › 技术社区 › user32882

Div元素为自定义VB覆盖率报告添加空白

css html

user32882 · 技术社区 · 2 年前

我正在尝试使用最基本的html和css制作一个非常简单的覆盖率报告。到目前为止,我有以下内容:

pre div {
  background-color: green;
  display: block;
}

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

这还可以,但 div 标签似乎在包含的行之间添加了一些空白 Option Explicit 和包含的行 Sub HelloWorld 。我不想要这个。

为什么div元素要添加这个空白,我该如何删除它?

0 回复 | 直到 2 年前

001 2 年前

更改为: display: inline-block;
添加 width: 100%; 以保持 背景颜色 100%宽度

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

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前