На этот вопрос уже есть ответ здесь:
У меня проблема с вертикальным выравниванием изображения в div
.img_thumb {
float: left;
height: 120px;
margin-bottom: 5px;
margin-left: 9px;
position: relative;
width: 147px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px;
}
.img_thumb img {
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
Как насколько я знаю, мне нужно "display: block;" расположить изображение в центре, и это работает. Также в учебниках я нахожу много ответов, но они не «полезны», потому что все мои изображения НЕ на одной высоте!