html - 在 div 内水平居中绝对定位的图像，不显示水平滚动条(在移动设备中也是如此)

Question

我试图在不显示水平滚动条的情况下将此图像置于 div 的中心。我需要图像绝对定位在 div 中。

fiddle :http://jsfiddle.net/512t9L6b/

HTML

<div>
    <img src="http://iqtell.com/wp-content/uploads/2013/05/James-Bond.jpg">
</div>

CSS

div {
    position:relative
}
img {
    position:absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

编辑:按照建议尝试了 html { overflow-x:hidden } 但它仍然在移动设备中水平滚动。

Answer 1

html {
overflow-x: hidden; 
}

将删除水平滚动条。