不知您是否也會(huì)經(jīng)常遇到在做HTML網(wǎng)頁(yè)的時(shí)候，圖片和文字位置對(duì)不齊的問題.別急今天海東科技就來為您解決這個(gè)問題。

 

1、用table來控制圖片和文字居中對(duì)齊 (這樣會(huì)因?yàn)橐粋€(gè)小圖片寫多很多代碼) 

2、使用圖片的Align屬性 設(shè)置為align="absmiddle" (但是要知道,標(biāo)準(zhǔn)的W3C中定義的img標(biāo)簽是不支持Align屬性的) 但是對(duì)不同的瀏覽器，也不能一次性解決

以上的方法都不是最好的，實(shí)際上可以用CSS來解決這個(gè)問題.主要用這個(gè)屬性:margin-bottom,通過修改圖片的外邊框的底部高度就可以讓文字移動(dòng)上來. 做法是把這個(gè)值設(shè)置為負(fù)數(shù)，這個(gè)值隨著圖片的大小不同而改變,這樣可以完美處理了。通過修改圖片的外邊框的底部高度就可以讓文字移動(dòng)上來. 做法是把這個(gè)值設(shè)置為負(fù)數(shù)，這個(gè)值隨著圖片的大小不同而改變,這樣可以完美處理了。

下面是效果對(duì)比：

使用前：<img src="images/reply_hf.jpg" border="0" />