为什么我的第二排没有放在顶部？

Question

我正在尝试将行放在彼此旁边。行侦听并放置diplay:inline-block;，但第二行的单元格放置不正确，就像您在此jsfiddle中看到的那样。

这是我尝试过的：

.row{
 width:50px;
 height:auto;
 display:inline-block;
 white-space: nowrap;
 position:relative;
 top:0px;
}

但这不起作用。有人可以帮我解决这个问题吗？

Answer 1

正如Daniel指出的那样，

  

对行使用vertical-align，默认为基线http://jsfiddle.net/kznyc780/2

.row{
    /* ... */
    vertical-align:top;
    /* ... */
}