Html 无法对齐要接触的内联块元素的相邻边

我刚刚尝试在代码中使用css

display:inline block

创建3个并排列。我将

margin

和

padding

设置为0，但列的边缘不接触（我给元素加了边框以显示效果）；它就像有一些默认的

margin

给定给

display:inline block

如何对齐

display:inline block

元素的边缘，而不使用-ve

margin

或绝对定位的猜测值

<div>
  <div style='display: inline-block;'>apple</div>
  <div style='display: inline-block;'>ball</div>
  <div style='display: inline-block;'>cat</div>
</div>

苹果
球
猫

解决方案是向父元素添加

字体大小：0

，然后在子元素上声明默认的

字体大小


ul{
字号：0；
}
li{
显示：内联块；
宽度：100px；
字体大小：15px；
}
李：第n个孩子（1）{
背景:#f33；
}
李：第n个孩子（2）{
背景#3f3；
}
李：第n个孩子（3）{
背景：#33f；
}

要素1
要素2
要素3
解决方案是向父元素添加
字体大小：0
，然后在子元素上声明默认的
字体大小


ul{
字号：0；
}
li{
显示：内联块；
宽度：100px；
字体大小：15px；
}
李：第n个孩子（1）{
背景:#f33；
}
李：第n个孩子（2）{
背景#3f3；
}
李：第n个孩子（3）{
背景：#33f；
}

要素1
要素2
要素3
您可以分享您的代码以便更好地理解吗请分享一个代码片段，以便我们了解您的意思。这可能是一个空格问题吗？您可以分享您的代码以便更好地理解吗请分享一个代码片段，以便我们了解您的意思。这可能是一个空格问题吗？如果您不设置新的字体大小的孩子，这些将是无形的（他们的字体大小：0px）辉煌！边缘对齐，但子项中的文本已消失。似乎我必须设置新字体大小以使用“px”之类的绝对值，而不是“em”之类的值。如果不为子项设置新字体大小，这些将不可见（它们的字体大小为0px）太棒了！边缘对齐，但子字体中的文本已消失。似乎我必须将新字体大小设置为使用“px”之类的绝对值，而不是“em”之类的值