删除HTML、CSS中按钮之间的空格

我想删除按钮之间的空格，这样当我将鼠标悬停在普通按钮上时，它和硬按钮之间就没有空格了。我该怎么做？这些空白是从哪里来的

正文{
保证金：0；
}
#条纹{
背景色：白色；
文本对齐：居中；
高度：50px；
颜色：黑色；
}
钮扣{
边界：无；
背景：无；
文本转换：大写；
身高：100%；
字号：700；
颜色：黑色；
字母间距：1px；
字体大小：继承；
过渡：均为0.3秒；
大纲：无；
}
按钮：悬停{
颜色：白色；
背景：黑色；
}
.选定{
颜色：白色；
背景：黑色；
}

容易的
正常的
硬的

删除空格和回车符，或者在它们之间添加HTML注释

正文{
保证金：0；
}
#条纹{
背景色：白色；
文本对齐：居中；
高度：50px；
颜色：黑色；
}
钮扣{
边界：无；
背景：无；
文本转换：大写；
身高：100%；
字号：700；
颜色：黑色；
字母间距：1px；
字体大小：继承；
过渡：均为0.3秒；
大纲：无；
}
按钮：悬停{
颜色：白色；
背景：黑色；
}
.选定{
颜色：白色；
背景：黑色；
}

EasyNormalHard

浏览器总是在某些元素之间添加空格，包括按钮。要删除它们，需要将其父容器的字体大小设置为零。然后，要恢复按钮内的文本大小，请为它们设置字体大小

#stripe {
  font-size: 0;
}

button {
  font-size: 14px; // Set font size that you need here
}

---

如果使用引导，可以通过使用class=“btn group”将按钮包装在div中，将其分组在一起。 v3.3.7的示例：

---

视觉上可能是，也可能不是你想要的。左右两端有圆角，按钮之间有直线。可能可以重新设计样式。

添加

显示：flex

到父容器

回车符如何产生这些空格？@HuyTran它是一个空白字符，元素是

内联块

，因此它们是内联显示的。就像您在HTML中看到这些单词之间的

空格或
标记之间的空格，或者如果单词/跨距之间有回车符，您将看到设置为
inline
和
inline block
的元素之间的空格/回车符就像一个符咒！竖起大拇指。但是，到目前为止，它在不同浏览器中呈现的效果并不相同。我还发现给单词间距一个负值也是如此。在删除所有空间方面，它在Chrome上效果最好，在Edge上效果不错，在Firefox上效果不太好。这里也有人问这个问题：