美文网首页web前端
前端开发中img图片大小大于div标签大小设置图片居中的方法

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

作者: 爱佳佳真是太好了 | 来源:发表于2017-05-23 14:47 被阅读0次


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

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

    在img标签css中写:

    position:absolute;

    left:50%;

    margin-left:- 图片宽度 px;

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

    第二种方法:

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/wrzwxxtx.html