web前端

前端开发中img图片大小大于div标签大小设置图片居中的方法

2017-05-23  本文已影响0人  爱佳佳真是太好了


如果图片的宽度大于父元素的宽度,不能使用margin: 0 auto;或text-align:center;来使图片居中

如果图片的宽度大于父元素的宽度,可以使用定位流使图片居中

在img标签css中写:

position:absolute;

left:50%;

margin-left:- 图片宽度 px;

定位流的弊端也很明显 ,写三行代码,而且必须知道图片的宽度;

第二种方法:

直接写margin:0 -100% ;父元素必须写text-align:center;
就可以了

上一篇下一篇

猜你喜欢

热点阅读