Html 如何将div与“放在一行中”；显示：内联块“；，没有边际？

每当我使用

display:inline block

将div放在水平行中时，它们之间总是有一个边距，即使我设置了

margin:0！重要信息

。有没有办法使div之间的像素正好为0

下面是一个基本示例，其中我有三个应该是连续的黑盒子，但它们之间有空白：（）

.div{
位置：相对位置；
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
边距：0！重要；
}

---

您应该为父容器提供

字体大小：0

。字体大小为内联块提供了较小的边距

.div{
位置：相对位置；
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
边距：0！重要；
}
.集装箱{
字号：0；
}

.divlist{
位置：相对位置；
字号：0；
}
.分区{
位置：相对位置；
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
字体大小：16px；
}

---

这是因为元素之间的新行。您可以像我一样对其进行注释，或者使这些元素相互内联

.div{
位置：相对位置；
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
边距：0！重要；
}

---

我添加了一个定义为flexbox的包装器

.wrapper{
显示：内联flex；
}
.分区{
位置：相对位置；
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
}

---

最好使用外部div并添加字体大小为0的样式

例如：

.div{
位置：相对位置；
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
边距：0！重要；
字体大小：14px；
颜色：#fff；
文本对齐：居中；
}
.主分区{
字号：0；
}

1.
2.
3.

正如Gleb所说，将

字体大小设置为：0。您可以将容器放入
display:inline flex或
显示：flex太多。
使用
显示：表格单元格


.div{
位置：相对位置；
显示：表格单元格；
背景：黑色；
宽度：100px；
高度：100px；
}
我知道这不是最干净的解决方案，但我是这样做的：


.div{
显示：内联块；
背景：黑色；
宽度：100px；
高度：100px；
空白：nowrap；
溢出：隐藏；
保证金权利：-0.25em；
}

您是否尝试/选中了flexbox？有不同的方法可以解决此问题，请检查此链接，这应该会有所帮助：您确定吗？我试过了：是的：@Swellar，谢谢，完成：）Flex项目被分块了，所以它们不再有
inline block
Good point的显示值。我把它改为内联flex注意，使包装器内联flex没有帮助。内联flex元素仍然是flex容器，flex容器的子元素是flex项，flex项是blockified.wooow。我从来没有想过。那太疯狂了。谢谢