<style>
body{padding: 0px;
margin: 0px;}
div.d1{
border:5px solid red;
border-style: outset;
height: 10rem;
width: 10rem;
margin: 10rem;
}
.d1 p{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
.d1 p img{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
</style>
<div class="d1">
<p>
<img src="/indexPro_fe19fd77-7bc3-4751-963f-e205018e5fba.jpg"/>
</p>
</div>使图居中显示在某一个Div中，超了部份隐藏。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/71286.html
