我可以设置相邻行上两个跨度的背景颜色，以便该颜色也填充行之间的空间吗？

Question

我在相邻行上有两个

span

，并设置了

background-color

。不幸的是，这在两条线之间留下了间隙：

html {
  line-height: 1.5;
}

span {
  background-color: red;
}

<pre>
<span>line 1</span>
<span>line 2</span>
</pre>

是否有可能，仅通过更改

span

使用的样式，垂直延伸彩色背景以填充间隙？

我尝试使用的一件事是

padding: ... 0;

，但不清楚

...

使用什么值才能对

font-size

和/或

line-height

的变化保持鲁棒性。

Answer 1

制作

line-height: 1;

就可以完成这项工作。

html {
  line-height: 1.15;
}

span {
  background-color: red;
}

<pre>
<span>line 1</span>
<span>line 2</span>
</pre>