1.實現圖片文字對齊方法：
（1）圖片和文字都加上CSS樣式：vertical-align:middle（記住不單單是圖片，文字也要加一個標籤然後再加上此樣式！）
（2）eg:
<body>
<img src="Mat/message_warn.png" style=" vertical-align:middle" />
<span style=" vertical-align:middle" >測試文字1</span>測試文字2
</body>
2.vertical-align:middle 介紹：
（1）vertical-align:middle是該元素的中心對齊周圍元素的中心。
（2）這裏“中心”的定義是：圖片當然就是height的一半的位置，而文字應該是基於baseline往上移動0.5ex，亦即小寫字母“x”的正中心。但是很多瀏覽器往往把ex這個單位定義爲0.5em，以至於其實不一定是x的正中心（baseline等名詞如果不懂，請先閱讀wheatlee的文章）、
3.補充：
（1）如果將font-family中的第一個字體設置爲Tahoma，則可以完美的實現對齊(Verdana等字體也可以)，在所有的瀏覽器中均顯示正常。否則在IE6及以下不是很理想！
（2）checkbox與說明文字對齊也可用此方法，因爲瀏覽器會將複選框視爲圖片。
4.參照：http://www.cnblogs.com/nuke/archive/2011/01/20/1939919.html