CSS：导致这种奇怪对齐的原因是什么？

Question

我有这些带有设置高度和宽度的内联块元素，并且溢出：隐藏。在chrome上，它很好地排队，但在较旧的webkit浏览器中，它会这样做：

.item{
  display:inline-block;
  height:72px;
  width:144px;
  overflow:hidden;
  text-align:left;
}

如果我将它们从溢出中更改：隐藏到溢出：滚动，它们都排成一行（并且溢出：auto使它们全部排成一行除了那些不够长而不需要滚动条的那些）

它似乎只是隐藏了溢出，只是让它看不见但仍然保存了那个空间。这是什么造成的？

Answer 1

您需要向vertical-align: top添加.item规则，因为内联块元素默认会通过baseline（文本底部对齐）对齐。