中心圖像位置絕對與引導

Question

我試圖儘可能重新創建一切。 CSS：

.container-fluid-max { 
    max-width: 1440px; 
    height: 300px; 
    background-color: black; 
    margin: 30px 0; 
} 
.bg-img{ 
    margin: 0px; 
    padding: 0px; 
    height:300px; 
    border: 3px 0 solid $b-black; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: cover; 
} 
.bg-img img{ 
    max-height:450px; 
    position:absolute; 
    bottom: 0px; 
} 

https://jsfiddle.net/DTcHh/19984/

我的問題：我想獲得的圖像爲中心。因爲在我的項目中，img總是一個不同的/隨機的，我無法確定它的高度/寬度。只是說我不希望它高於450像素。

它可以進入上面的div。這是我想達到的。

Answer 1

試試這個代碼：

.bg-img img{ 
    max-height:450px; 
    position:absolute; 
    bottom: 0px; 
left:0; 
    right:0; 
    margin:0 auto 
}