Css設定圖片垂直置中

標籤：style   blog   color   ar   sp   strong   資料   div   on   

說明：樣式設定主要是針對圖片的父級元素，並非圖片元素本身。

Css代碼[圖片父級點的樣式]：

<style>.box {    /*非IE的主流瀏覽器識別的垂直置中的方法*/    display: table-cell;    vertical-align:middle;    /*設定水平置中*/    text-align:center;    /* 針對IE的Hack */    *display: block;    *font-size: 175px;/*約為高度的0.873，200*0.873 約為175*/    *font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/   /* 實驗資料 width:400px;    height:500px;    border: 1px solid black;*/}   </style>

Html代碼：

<div class="box">       <img src="圖片路徑" /></div>

 

Css設定圖片垂直置中