html - 缩小间距和

Question

我有一些div标签，在两者之间我有hr标签。它们之间自动有空间。我想减少它。请参考下面的图片链接。

[箭头指向的空间是我要减少的] 另外告诉我在以下情况下是否有更好的方法来添加行

https://i.stack.imgur.com/OSQlP.jpg

标签： htmlcsstextlinespace

Answer 1

您可以像这样减少行高或默认填充：

<div><h1>Text</h1></div>
<hr>
<div><h1>Text</h1></div>

h1,hr{
  line-height: 0;
}

线高 w3schools