.pic
{
????width:160px;
????height:160px;
????border:solid?1px?#ccc;
????text-align:center;
}

?.pic?a
{
????display:table-cell;
????width:160px;
????height:160px;
????vertical-align:middle;
????*display:block;
????*font-family:Arial!important;
????*font-size:140px;/*約為高度的0.873，160*0.873?約為140*/
????*line-height:1;
}
?.pic?a?img
{
????vertical-align:middle;
????max-width:160px;
????max-height:160px;
????border:0px;
}
<div?class="pic">
????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????<a?href="#"?target="_blank">
????????????????????????????????????????????????<img?src="手機充電器-溫州電話機世界-淘寶網_files/T1Q5RvXX.jpg"?/>
????????????????????????????????????????????</a>
????????????????????????????????????????????????????????????????????????????</div>

?

?

轉載于:https://www.cnblogs.com/linyefeilyft/archive/2010/03/26/1697043.html

總結

以上是生活随笔為你收集整理的DIV图片垂直居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。