亚洲AⅤ秘 无码一区二区三区|Av无码一区二区在线播放|色综合91久久精品中文|一本大道无码AV天堂

DIV的同一行里文字和圖片對齊該怎樣處理


發(fā)布日期:2015-03-28
不知您是否也會經(jīng)常遇到在做HTML網(wǎng)頁的時候,圖片和文字位置對不齊的問題.別急今天海東科技就來為您解決這個問題。
 
1、用table來控制圖片和文字居中對齊 (這樣會因為一個小圖片寫多很多代碼) 
2、使用圖片的Align屬性 設(shè)置為align="absmiddle" (但是要知道,標(biāo)準(zhǔn)的W3C中定義的img標(biāo)簽是不支持Align屬性的) 但是對不同的瀏覽器,也不能一次性解決
以上的方法都不是最好的,實際上可以用CSS來解決這個問題.主要用這個屬性:margin-bottom,通過修改圖片的外邊框的底部高度就可以讓文字移動上來. 做法是把這個值設(shè)置為負數(shù),這個值隨著圖片的大小不同而改變,這樣可以完美處理了。通過修改圖片的外邊框的底部高度就可以讓文字移動上來. 做法是把這個值設(shè)置為負數(shù),這個值隨著圖片的大小不同而改變,這樣可以完美處理了。
下面是效果對比:
使用前:<img src="images/reply_hf.jpg" border="0" />
 
 
 
使用后:<img src="images/reply_hf.jpg" border="0"  style="margin-bottom:-3px" />
 
 
 

 

三穗县| 广平县| 温泉县| 冕宁县| 张家港市| 阿拉善左旗| 鹰潭市| 万全县| 绍兴县| 那曲县| 喀什市| 津市市| 曲麻莱县| 特克斯县| 保德县| 五原县| 丰顺县| 义乌市| 绵竹市| 克东县| 谢通门县| 若尔盖县| 札达县| 建水县| 商都县| 太谷县| 大足县| 平昌县| 龙泉市| 象山县| 屏东市| 乐昌市| 余姚市| 美姑县| 金秀| 宜城市| 勐海县| 甘肃省| 且末县| 佛教| 南陵县|