用CSS解決圖片IMG垂直居中的問題

作者：Eve Cole 更新時間：2009-06-12 17:52:58

大家都知道，要想讓圖片和文字垂直居中對齊的話，可以在IMG標籤下添加align=absmiddle屬性即可實現，但align=absmiddle屬性在W3C驗證下通不過，那麼是否可以用CSS來代替IMG的align=absmiddle屬性來實現垂直居中呢，答案是肯定的。可以在CSS中加入vertical-align:middle;就能實現了：
<div><img style="vertical-align:middle;" src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />用CSS實現圖片和文字垂直居中對齊</div><br /> <br />
<div><img src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />這個是沒加樣式的效果</div><br /><br />
<div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />這個是用align=absmiddle實現圖片和文字垂直居中對齊</div>
從效果來看好像用CSS實現的稍微靠上了一些，不過用css控制感覺要爽多了。