圖片文字絕對居中，並排顯示

我們在做網頁的時候, 會遇到一個圖片和文字位置對不齊的問題.
雖然解決的辦法有很多.比如.
用table來控製圖片和文字居中對齊 (這樣會因為一個小圖片寫多很多代碼)
使用圖片的Align屬性設置為align="absmiddle" (但是要知道,標準的W3C中定義的img標簽是不支持Align屬性的)

以上的方法都不是解決問題最好的辦法.後來無意中發現可以用CSS來解決這個問題.

一個關鍵的屬性: margin-bottom 通過修改圖片的外邊框的底部高度就可以讓文字移動上來. 做法是把這個值設置為負數.例如我們把下麵的16X15的圖片設置它的這樣文字和圖片就居中了. 這個值隨著圖片的大小不同而改變,具體的大家測試一下就知道了.