CSS3：图片水平垂直居中

加上这两个就行

display:-webkit-box;     显示成盒子模式

-webkit-box-align:center;   垂直居中

-webkit-box-pack:center;   水平居中

<div class="center">
    <img src="data: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;
}

注意浏览器兼容前缀噢~