CSS*{填充：0；边距：0;}.box{背景颜色：#eee;边框：2px实心#000；宽度：500px；高度：500px；边距：50px自动；显示：表格；}.wrapper{文本对齐：居中；显示：表格单元格；vertical-align:middle;}IE8/Firefox/Chrome/Safari/Opera页面效果：IE6/IE7页面效果：IE6/7代码兼容性：容器中只有一个img，没有其他元素，可以通过vertical-align方式居中。当容器中只有一个img，且img的状态为行内元素时，可以设置行高容器高度，设置img的vertical-align:middle居中,code:div{height:300px;行高：300px；text-align:center;}div>img{vertical-align:middle;}要居中的元素的宽高是已知的，可以通过方法定位，实现垂直和水平居中。比如让img在div中居中，已知img的高度为300*200，代码如下：div{position:relative;}div>img{width:300px;高度：200px；位置：绝对；顶部：50%；左：50%；边距顶部：-100px；margin-left:-150px;}还有一种定位方法html