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

图片宽度大于父元素宽度时如何水平居中

时间:2017-09-06 18:25:23      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:logs   ***   必须   如何   abs   text   center   20px   水平居中   

1. 定位流:对图片进行定位

.img{
  position:absolute;
  left:50%;
  margin-left:-20px;/*值为图片宽度的一半*/
}

 这种方法不多说...但是这种方法有个弊端:就是必须知道图片的宽度;

2.重点来咯****奇淫技巧****

.img{
   margin:0 -100%;    
}

 注:此方法必须 父元素必须设置 text-align:center;

    

图片宽度大于父元素宽度时如何水平居中

标签:logs   ***   必须   如何   abs   text   center   20px   水平居中   

原文地址:http://www.cnblogs.com/juqian/p/7486074.html

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