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