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

 注意瀏覽器兼容前綴噢~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM