以前有朋友問(wèn)道我們，有時(shí)候制作網(wǎng)頁(yè)的時(shí)候, 經(jīng)常會(huì)遇到圖片與文字的位置對(duì)不齊，不知道是哪里出現(xiàn)了問(wèn)題。這里廊坊網(wǎng)站制作拿DIV布局舉例說(shuō)明，介紹幾個(gè)小技巧。
根據(jù)我們的經(jīng)驗(yàn)得來(lái)，其實(shí)解決的辦法有很多，下面簡(jiǎn)單的舉兩個(gè)例子。
1、用table來(lái)控制圖片和文字居中對(duì)齊 ，這樣會(huì)因?yàn)橐粋�(gè)小圖片寫(xiě)多很多代碼。
2、使用圖片的Align屬性 設(shè)置為align="absmiddle" 但是要知道,標(biāo)準(zhǔn)的W3C中定義的img標(biāo)簽是不支持Align屬性的，但是對(duì)不同的瀏覽器，也不能一次性解決。
要是按照上面的辦法做就可以解決問(wèn)題，其實(shí)說(shuō)實(shí)在的這2個(gè)方法也不算是最好的，實(shí)際上可以用CSS來(lái)解決這個(gè)問(wèn)題.主要用這個(gè)屬性:margin-bottom,通過(guò)修改圖片的外邊框的底部高度就可以讓文字移動(dòng)上來(lái). 做法是把這個(gè)值設(shè)置為負(fù)數(shù)，這個(gè)值隨著圖片的大小不同而改變,這樣可以完美處理了。
最后在通過(guò)修改圖片的外邊框的底部高度就可以讓文字移動(dòng)上來(lái). 做法是把這個(gè)值設(shè)置為負(fù)數(shù)，這個(gè)值隨著圖片的大小不同而改變,這樣可以完美處理了。
sjfc2008@126.com 
