如何将粘贴在不同大小div底部的图像居中？

Question

如何使图像居中并使图像下沉/粘贴在其所包含的div的底部？

<div class="cover">
    <img class="cover_img" src="img/index/banner_me.png">
</div>

.cover {
    width: 100%;
    height: 100%;
    min-height: 850px;
}

    .cover_img {
        width: 850px;
        height: 660px;
        margin: 0 auto;
    }

如果可能作为div的背景图像，那将是理想的，但如果不是，那就没关系。对不起我的简单问题。

Answer 1

background-position:center 100%;

http://jsfiddle.net/Curry/Suw4t/

Answer 2

您还可以添加一个空的额外div来包含背景图像：

<div class="image-center"></div>


.image-center{
  height: 30px;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}

然后在你的css中设置div上的所需属性。将此div放在内容的末尾，以使图像显示在您所在的任何父容器的底部。左边距和右边距将使图像居中。