Bootstrap内联标签和输入元素之间的间隙从何而来？

Question

我注意到一些我听不懂的东西。

https://getbootstrap.com/docs/3.4/css/#forms-inline

“标签”和“输入”之间的差距来自何处？

它们都是内联的。他们应该互相依附吗？

我实际上将代码复制到了我的项目中。它们彼此相连。但是我的项目很混乱。我想了解为什么在引导网站上未附加这些信息。

它们是“内联代码块”。在其“计算”选项卡中，边距为“-”。零对吧？

此保证金来自何处？

Answer 1

来自CSS-Tricks.com：

  

这不是“ bug”（我认为）。这只是设置元素的方式   在一条线上工作。您希望输入的单词之间有空格   空格对吗？这些块之间的空间就像空间   字之间。这并不是说规格不能更新为   内联块元素之间的空格应该什么都没有，但是我   可以肯定的是，这是一堆不可能的蠕虫   发生。

Read More

Answer 2

该空间来自inline-block属性，它在元素之间添加了一些默认情况下内联的空间

请参见本示例，不添加任何库

 div { 
      display: inline-block;
      font-size: 2rem;
    }
    div:nth-child(odd) { 
      background-color: lightblue
    }
    div:nth-child(even) { 
      background-color: lightcoral;
    }

    <div>abc</div>
    <div>abc</div>
    <div>abc</div>
    <div>abc</div>