Html 删除空按钮下方的空白

在

中使用

时，我注意到如果按钮没有文本，则会在其下方出现意外的空白

这里的提琴显示：如果你注释掉空按钮并尝试其他按钮，它们在下面没有空白的情况下工作正常。经调查，当按钮为空时，类为

。post comments

的父div的高度似乎不同。当空格可见时，父div的高度为

25px

，而按钮的高度为

20px

，导致空格。在其他情况下，高度与按钮相同（

20px

）

有人能解释一下是什么引起的吗

下面是有问题的片段：

。发表评论{
边框：1px纯蓝色；
}
.comment div切换{
宽度：100%；
高度：20px；
边界：无；
保证金：0；
填充：0；
背景颜色：灰色；
颜色：白色；
}

默认情况下，

是一个内联级元素。尝试以下方法以消除空白：

button {
  display: block;
}

或：

button {
  vertical-align: top;
}