Question

如何让图片在div里左右居中，上下居中

Answer 1

<style>
#box{width:500px;height:500px;position:relative;}
#box img{width:100px;height:100px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px}
</style>
<div id="box">
<img src="xxx.jpg">
</div>

原理是图片定位距离容器的上边和左边各50%，然后用margin-top和margin-left再减去图片的一半，，这就是容器的正中间的，就是水平垂直居中了。

Answer 2

margin:0px auto;

Answer 3

可以用定位，你懂呢。position属性。