<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ /><style>
.ggg a{color:#545454; width:500px; height: 500px; border: 1px solid #CFCFCF;display:table-cell;vertical-align: middle;text-align: center;}
.ggg img{ max-width:500px; max-height:500px;}
</style>
</head><body>
<div class=”ggg”> <div><a href=””>
<img src=”5.png” /></a>
</div></div>
<p>image true size is 257*897px</p><div> <div class=”ggg”><a href=””>
<img src=”6.png” /></a>
</div></div>
<p>image true size is 1377*160px</p>
</body>
</html>
转载请注明：无趣的人生也产生有意思的事件 » 产品图在任意尺寸下上传都保持不变形的情况下有着非常优秀排版的方法及代码实例