Html 我需要做什么才能将图像与div垂直对齐？

我尝试在div中对齐我的图像。我尝试了一些研究，但我不明白为什么它与引导库中的“缩略图”类不兼容：

下面是演示：

---

我似乎无法使img垂直对齐。

将以下内容添加到

.div缩略图中

样式：

display: table-cell;

---

请在此处发布代码，而不是在其他网站上发布。如果其他网站发生变化，这个问题就没有意义了。