Html 标签和输入元素之间的引导内联表单间隙从何而来？

我注意到一些我无法理解的事情

“标签”和“输入”之间的差距从何而来

它们都是内联的。它们应该互相连接吗

我实际上是将代码复制到我的项目中。它们彼此相连。但是我的项目很混乱。我想了解为什么在bootstrap网站上，它们没有附加

它们是“内联块”。在“计算”选项卡中，边距为“-”。所以零。对吧?

这个利润来自哪里？

来自CSS-Tricks.com：

这不是一个“错误”（我不认为）。这只是设置元素的方式 在线工作。您希望键入的单词之间留有空格 空间，对吗？这些块之间的空间就像空间一样 字里行间。这并不是说规范不能更新，而是说 内联块元素之间的空格应该是空的，但我 相当肯定的是，这是一个巨大的蠕虫，不太可能永远 发生

---

此空间来自

内联块

属性，它在元素之间添加了一些默认内联的空间

请参见此示例，其中未添加库

div{
显示：内联块；
字号：2rem；
}
分区：第n个孩子（奇数）{
背景颜色：浅蓝色
}
第n个孩子（偶数）{
背景颜色：浅珊瑚；
}

abc
abc
abc
abc

您在项目中使用的是引导4，对吗？没有引导3。我认为在我看来，“内联块”在渲染之前自动在其前后注入一个不可见的“空白”字符。这正是我的感受。你说得对，我已经在本地测试过了，这个空间是从

内联块

属性自动生成的，谢谢。这就解释了。我的项目是有角度的，它在编译后删除了所有的空白。我将添加它作为答案，与大家分享这个想法