图片宽度和高度都大于div,实现图片在div中居中

2024-07-14 11:44:06 220人阅读

<style type="text/css">

#out{height:100px; width:150px; position:relative; overflow:hidden;}

#mid{position:absolute;top:50%; left:50%; width:1000px; margin-left:-500px; text-align:center;}

#in{ position:relative; top:-50%;}

</style>

<div id="out">

　　<div id="mid">

　　　　<div id="in">

　　　　<img src="http://i2.sinaimg.cn/blog/1/2008/0306/U2725P503T1D169F6DT20080822100708.jpg" />

　　　　</div>

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们