css:定位元素在顶部与另一个元素而不是底部齐平

Question

我有 3 个元素内联 block 。默认情况下，2 个较小的网格与较大图表的底部齐平。我怎样才能让它们与较大图表的顶部齐平。 http://i.imgur.com/TAUG2rZ.png

我宁愿不必给每个元素一个绝对位置，除非那是唯一的方法。

所有这些都适用于 atm:

#smallgrid1, #largechart, #smallgrid2{
       display: inline-block;}

Answer 1

如果你想将它们对齐到顶部，请将 vertical-align:top 添加到 css。

您可能需要的 vertical-align 的其他选项是:middle、baseline、bottom 等。

引用:https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align