CSS：什麼導致這種奇怪的路線？

Question

我有這些內嵌塊元素具有設置的高度和寬度以及溢出：隱藏。在Chrome，它排隊很好，但在舊的WebKit瀏覽器，它這樣做：

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

如果我改變他們溢出：隱藏溢出：滾動，他們都排隊（和溢出：汽車使他們都排隊，除了那些不夠長的需要滾動條）

它幾乎看起來像隱藏溢出，只是使其不可見，但仍然保存該空間。這是什麼原因造成的？

Answer 1

您需要將vertical-align: top規則添加到.item，因爲默認情況下，內嵌塊元素將通過baseline（文本底部對齊）對齊。