如何将图像水平居中，同时与容器底部对齐？
我已经能够通过自己的水平中心的图像。我也能够通过自己对准容器的底部。但我没有能够做到这两个在同一时间。
这里是我有：
.image_block {
width: 175px;
height: 175px;
position: relative;
margin: 0 auto;
}
.image_block a img {
position: absolute;
bottom: 0;
}
<div class="image_block">
<a href="..."><img src="..." border="0"></a>
</div>
该代码将图像对齐到div的底部。我需要添加/更改以使图像在div内部水平居中吗？图像大小之前不知道，但它将是175×175或更小。
解决方法
.image_block {
width: 175px;
height: 175px;
position: relative;
}
.image_block a {
width: 100%;
text-align: center;
position: absolute;
bottom: 0px;
}
.image_block img {
/* nothing specific */
}
解释：绝对定位的元素将相对于具有非静态定位的最近父节点。我假设你很高兴你的.image_block显示，所以我们可以离开相对定位。
因此，< a>元素将相对于.image_block定位，这将给我们底部对齐。然后，我们text-align：将< a>元素，并赋予它100％的宽度，以便它是.image_block的大小。
< img>在< a>将适当地居中。
