加上这两个就行
display:-webkit-box; 显示成盒子模式
-webkit-box-align:center; 垂直居中
-webkit-box-pack:center; 水平居中
<div class="center"> <img src="images/picture5.jpg" alt="杂志图片" > </div>
.center{ width:600px; height:700px;margin:0 auto;background:#CDFFCC; display: -webkit-box; display: -moz-box; display: box; -webkit-box-align:center; -moz-box-align:center; box-align:center; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; }
注意浏览器兼容前缀噢~