Question

如果一张图片的尺寸是2000px*500px，而div的长高是100%*500px，如何使这张图片在div里水平居中显示啊

div的width相当于屏幕的宽度，图片尺寸宽2000px，图片的尺寸不可更改，固定2000px，高度都相同，那图片如何水平居中显示呢

Answer 1

<div style="position:relative;width:100%;height:500px;overflow:hidden;">
            <img style="position:absolute;top:0;left:50%;margin-left:-1000px;" src="XXX.jpg" alt="" />
 </div>

追问

笔记本电脑，台式电脑，屏幕的尺寸不一样啊，这是个问题

追答

这个没有影响，只要图片是2000px的就可以啊，至少在我这边没有看到有任何影响，你那边用起来有问题吗？如果有问题请描述一下

Answer 2

<style>
	div{height: 500px;}
	img{display: block;margin: 0 auto;}
</style>
<div>
    <img src="http://img.wallba.com/data/Image/2013pq/3yue/13hao/2/2/2013313111223953.jpg" />
</div>