html中让img图片水平居中

Question

将这个图片居中显示，并且不要出现横向滚动条，在不同的终端分辨率下，显示的图片不能变形

求解答。。。在线等

试过IMG｛width:100%｝没有作用

Answer 1

div{
    display:block;
    float:none;
    width:100%:
    posisiton:relative;
}
div img{
    display:block;
    width:100%;
    height:auto;
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

Answer 2

上代码啊，不就是img{width:100%}?

Answer 3

看看这个链接能不能解决你的问题。

Answer 4

上全部代码，我怀疑你左边是不是有个div

Answer 5

确认下所有的父元素都100%了吗

Answer 6

上层 div 给一个定位 position: relative;

img{

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

}
纯手打 = =

Answer 7

50%然后减去图片宽和长