如何在块元素之间添加垂直间距,但不添加顶部和底部

可以使用 CSS 中的 padding 和 margin 属性来为块元素之间添加垂直间距，而不添加顶部和底部。

例如，假设我们有以下两个块元素：

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

我们可以使用 padding 属性来为它们添加垂直间距，而不添加顶部和底部：

p {
  padding: 1em;
}

这将使两个段落之间的垂直间距为 1em。

如果需要为块元素添加顶部和底部间距，则可以使用 margin 属性。例如：

p {
  margin: 1em 0;
}

这将使段落元素的上部和下部边缘与文档的上下边界之间具有 1em 的间距。

需要注意的是，padding 和 margin 属性只能应用于块元素，不能应用于行内元素和字符元素。此外，还需要注意不同的浏览器可能对 padding 和 margin 属性的解释有所不同，因此需要根据实际情况进行适当的调整。