图像不会在div顶部对齐 - 请参见示例

Question

我无法弄清楚如何让我的所有图像在顶部对齐而不是像它们那样居中。如果你看here，带有较大字幕的图像会在顶部对齐，看起来很傻，因为它们并非全部对齐。我想知道是否有人可以帮我找出原因。这是包含图像的DIV的CSS：

thumbnail {
    font-size: 10px;
    width: 125px;
    padding: 5px;
    margin: 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    white-space: normal;
}

img{
    position: relative;
}

Answer 1

您是否尝试将vertical-align: top;添加到缩略图中？

Answer 2

在缩略图div中使用vertical-align: top;。

Answer 3

垂直对齐：顶部;在缩略图类上应该解决这个问题。