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