Css 为什么在使用display:inline块时要在div之间加空格

为什么在使用

display:inline block

时，div之间有一个空格，如本例所示：

---

我知道我可以使用

float:left

，但是如果可能的话，我想去掉没有浮动元素的空白。

因为代码的缩进在技术上是一堆空白

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
</div>

---

之所以发生这种情况，是因为您在单独的行中编写了

.child

div。如果您将它们写在同一行上，多余的空间将被删除

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
</div>

---

这些div之间有一个空格，使它们更具可读性。 要删除这些空间，请按如下方式注释html中的所有空间：

  <div class="parent">
    <div class="child"></div><!--
    --><div class="child"></div><!--
    --><div class="child"></div>
  </div>

---

您应该删除子div和code之间的空格

<div class="parent">
    <div class="child"></div><div class="child"></div><div class="child"></div>
 </div>

---

当然可以！谢谢你睁开我的眼睛：我可以并且可以帮助你。。