CSS3：圖片水平垂直居中

加上這兩個就行

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;
}

 注意瀏覽器兼容前綴噢~