4

为什么使用时 div 之间有一个空格display: inline-block，例如在此示例中：http: //jsbin.com/IhULuZO/1/edit。

我知道我可以使用float:left，但如果可能的话，我想摆脱没有浮动元素的空白空间。

4

4 回答 4

8

因为从技术上讲，代码的缩进是一堆空格。

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
</div>
于 2013-10-31T10:04:35.553 回答
2

这些 div 之间有空间以使它们更具可读性。要删除这些空格，请像这样注释 html 中的所有空格：

  <div class="parent">
    <div class="child"></div><!--
    --><div class="child"></div><!--
    --><div class="child"></div>
  </div>
于 2013-10-31T10:05:20.793 回答
1

发生这种情况是因为您在不同的行上编写.child了 div。如果你把它们写在同一行，多余的空间将被删除。

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
</div>
于 2013-10-31T10:05:20.573 回答
1

您应该删除 .child div 之间的空格，并且代码应该像这样出现。

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
 </div>
于 2013-10-31T10:41:00.077 回答