如何將一個貼在不同大小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; 
    } 

這將是理想的，如果它可能作爲一個背景圖像的股利，但如果不是將是好的。對不起，我的問題很簡單。

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放在內容的結尾處，以使圖像顯示在您所在的任何父容器的底部。左邊距和右邊距將使圖像居中。