Css 如何避免列间距-边距和填充设置为0'；行不通

当我尝试在firefox中打开简单的测试html时，一切都很好，但当在Chrome或移动设备上打开它时，我会在列之间找到白色的间隙。 有人知道为什么吗

如果你知道如何解决这个问题，我将不胜感激。问题是，它在firefox上工作得很好，但是Chrome和移动设备并不认为这是一个没有任何间隙的对象

---

按钮是本机内联元素。因此，它们在右边和下面都有空格，就像句子中的单词一样

要轻松解决此问题，只需使用

display:block

顺便说一句，这里没有显示：flexbox我想你是在想
flex
但那无论如何都不行，因为
display:flex适用于包含由其所有子级组成的flex内容的容器。
关闭，但您的高度和显示类型已关闭
对于你来说，每个按钮的高度都
5px
很短，这样就形成了你所看到的抓斗。考虑到您使用它们的方式，它们还需要显示为type
block

例如，boostrap自动将容器的高度设置为
45px
，默认情况下容器的高度为
40px
。这就产生了一个间隙，即您之前看到的空白间隙

button {
 height: 45px;
 display: block;
}

flexbox是2011年使用的非官方语法。显示：flex现在使用，您也不应该使用。我在这本指南中只是简单地提到了这一点。谢谢你Haltersweb，这是真的，block是解决这个问题的方法。谢谢你Dominic，是的，这是真的。
button {
 height: 45px;
 display: block;
}