img圖片 保持比例、居中顯示

        外部容器設置 固定寬度高度，設置line-height與height相等（垂直居中），設置text-align是center(水平居中)，內部

img設置style（max-height:100%;max-width:100%;vertical-align: middle; margin: 0 auto;）。

<div style="width: 398px;height: 298px;line-height: 298px;text-align: center;border:1px solid #E09972">
    <img src="test.jpg" style="max-width:100%;max-height:100%;vertical-align: middle; margin: 0 auto;" alt="">
</div>