我在一个div中使用图片时遇到了vertical-align的问题。
.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;
}
<div class="img_thumb">
<a class="images_class" href="large.jpg" rel="images"><img src="small.jpg" title="img_title" alt="img_alt" /></a>
</div>
据我所知,我需要使用"display: block;"来将图像定位在中心位置,这是可行的。
此外,在教程中,我发现很多答案,但它们都不太“有用”,因为我的所有图片高度都不相同!