图像不会在 div 顶部对齐 - 请参见示例 [重复]答案

【问题标题】：Image won't align at top of div - see example [duplicate]图像不会在 div 顶部对齐 - 请参见示例 [重复]
【发布时间】：2014-10-29 16:40:34
【问题描述】：

我不知道如何让我的所有图像都在顶部对齐，而不是像它们一样居中。如果您查看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;
}

【问题讨论】：

.thumbnail { ... vertical-align:top; } MDN

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

如果您解释答案而不是将其发布到 OP 的问题中，那就太好了。您的答案被标记为低质量，这就是我建议您改进它的原因。