中心動態高度/寬度圖像到固定高度/寬度div

Question

我有動態圖像居中定位大小格的問題。所以，主要想法是圖像知道如何擴展自己，無論是全景圖像還是人像圖像。我正在調整的div接近16：9（300x170）。有任何想法嗎？

Answer 1

試試這個 - DEMO

div { 
    height: 170px; 
    width: 300px; 
    border: solid; 
    line-height: 170px; 
    text-align: center; 
} 

div img { 
    display: inline-block; 
    max-width: 300px; 
    max-height: 170px; 
    vertical-align: middle; 
}