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>