<div class="img-container">
<img src="test.jpg" alt onload="resizeImg(this, '400px', '300px'">
</div>
借助一个resizeImg函数,在onload函数里面做处理。然后居中用CSS:
.img-container{
position: relative;
width: 400px;
height: 300px;
}
.img-container img{
position: absolute;
left: -9999px;
right: -9999px;
top: -9999px;
bottom: -9999px;
margin: auto;
}