Html 防止选定文本行之间出现空白

为什么当用户在单个元素中选择多行文本时，选择背景中没有间隙，但如果我将每行放在单独的元素中，会出现白线

考虑一下这个片段：

.line{
字体系列：“信使”；
字体大小：14px；
线高：17px；
空白：预处理；
}

Text 1
文本2
文本3
文本4

您可以尝试使用

行高：1或<代码>行高：1.1但您的文本在可读性方面会丢失。
我通常设置
行高：1.6用于14px左右的字体大小


.line{
字体系列：“信使”；
字体大小：14px；
线高：1；
空白：预处理；
}
Text 1
文本2
文本3
Text 4
为什么会出现问题。因为当你选择一大块文本时，它看起来很难看。请将行高更改为16px；这是唯一的办法。或者更改填充。这实际上取决于浏览器，在Firefox上，即使文本1和文本2之间也会出现白色间隙。如果您想要更奇怪的行为，请使用较大的行高值。。。也可以尝试在元素上使用较大的line+inline block值。在Chrome中，选择框之间有一个明显的重叠，比其他选择框更暗。