2行3个内联块以不同的分辨率打破div

Question

我需要在两行中分别使用3个内联块div。

我使用inline-block，宽度220和身高80。

在不同的分辨率下，它会打破对齐，一些块会到达顶部。

如何强制将3个块内联对齐到两行中的每一行（每行6个div 3）。

Answer 1

使用CSS的whitespace属性。给inline-block容器，以下CSS：

white-space: nowrap;

Answer 2

尝试放

font-size: 0;

在父包装器中

，原因可能是你的div的宽度总和等于或大于其父级的100％，如果你把每个子div放到一个新的行上，那么＆＃39;它之间的空间很小。这解释了这个修复

<div>
  content
<div>
<div>
  content
</div>

到

<div>
  content
</div><div>
  content
</div>