图片拉伸不变型
Posted boyan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片拉伸不变型相关的知识，希望对你有一定的参考价值。
HTML
<div class="idd">
<!-- <img src="176.jpg"> -->
<span class="img"></span>
</div>
css
.idd{
width:100px;height:100px;border:1px solid red;display:table-cell;vertical-align:middle;margin:20px 0;
}
.idd .img{
width:100%;height:100%;background-image:url(edit.jpg);background-size:cover;background-position:50%;display:block;overflow: hidden;
}
以上是关于图片拉伸不变型的主要内容，如果未能解决你的问题，请参考以下文章