在两个标签之间删除显示空间：inline-block [重复]答案

【问题标题】：Between two tags remove space in display: inline-block [duplicate]在两个标签之间删除显示空间：inline-block [重复]
【发布时间】：2017-12-11 07:38:38
【问题描述】：

我对@987654323@ 有点困惑，一旦我在两个标签的小空间中使用了 inline-block。当我使用float: left 时，它工作正常。

知道为什么inline-block 会出现空间。

.main {
  padding-top:40px;
  padding-left: 40px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="main">
  <span class="btn btn-primary">Primary</span>
  <span class="btn btn-success">Success</span>
</div>

【问题讨论】：

标签： javascript html css

【解决方案1】：

一种方法是这样的：

.main {
  padding-top:40px;
  padding-left: 40px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="main">
  <span class="btn btn-primary">Primary</span><span class="btn btn-success">Success</span>
</div>

【讨论】：

感谢您的帮助。我明白这个问题，你可以删除你的答案...？我需要删除这个问题...