码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-07-28 23:53:44      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   io   html   div   

<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>
  </div>
</div>

图片宽度和高度都大于div,实现图片在div中居中,布布扣,bubuko.com

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

标签:style   blog   http   color   os   io   html   div   

原文地址:http://www.cnblogs.com/ShowJoy/p/3873326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!