如何让图片在div中垂直水平居中，且等比控制最大宽和高

本文关键字: div, 图片居中, 垂直居中

样式代码

.item img{ vertical-align: middle;}
.goodsImg{width:144px;   height:144px; border:1px solid #CCCCCC;position:relative;display:table-cell;  text-align:center; position:relative; text-align:center;line-height:144px; }
 .goodsImg span {  height: 100%;  writing-mode: tb-rl;vertical-align: middle; }

嵌套关系 <div class=item><div class=goodsImg><span><img src=””>…