Html 我想使我的图像垂直对齐：中间对齐（我从数据库动态获取图像）

图像的宽度和高度彼此不同，我无法正确获取它们。他们将进入拇指链接的顶端

.thumb-links {
display: block;
position: relative;
z-index: 2;
text-align: center;
cursor: pointer;
height: 270px;}

@media (max-width: 767px) {
.thumb-links {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}}
.thumb-links img {
height: auto;
vertical-align:middle;
-moz-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;}

将此css属性添加到拇指链接。

我通过此链接解决了此问题

.thumb-links{
     clear: both;
 }

---

我试过了，但都一样。我做了显示：内联块；图像高度选项：自动仍然没有响应。请为我们提供小提琴或演示。这样任何人都可以调查这个问题

.thumb-links{
     clear: both;
 }

.thumb-links {
position: relative;
z-index: 2;
text-align: center;
cursor: pointer;
height: 270px;
float:left;
width:270;
display:flex;
align-items:center;
justify-content:center;}