html - 空跨度给 parent 奇怪的布局行为

Question

我正在使用 div 和 span 制作表格类型的布局。当任何 span 为空时，我会遇到一些奇怪的行为——边距出现在父项的顶部。

我认为它可能与使用 display: inline-block 有关，但我不确定为什么要这样做。

Here is what I am talking about

有什么办法可以解决这种奇怪的布局行为吗？

Answer 1

将 vertical-align:top 添加到 .ListView_ColParent

.ListView_ColParent {
    display:inline-block;
    vertical-align:top;
}

jsFiddle example