第一种方式:
.box {
position: relative;
width: 100px;
height: 100px;
border: 1px solid #000;
}
.box a img {
position: absolute;
max-width: 100px;
max-height: 100px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.box a {
display: inline-block;
}
<div class="box">
<a href="#"><img src="../wwwroot/images/test1.png" /></a>
</div>
第二种方式
.td_img {
width: 100px;
height: 100px;
text-align: center;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
<div class="td_img" style="background-image:url(../wwwroot/images/test1.png);">
</div>