課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實戰(zhàn)
.logo_right?img { ??vertical-align:middle; ??margin-right:10px; }
這設(shè)置圖片的垂直居中為什么會讓文字變動呢?
2016-08-30
源自:企業(yè)網(wǎng)站綜合布局實戰(zhàn) 3-3
正在回答
我也有這個疑問,想提問搜到你的問題,剛才突然理解了。。哈哈哈。因為vertical-align:middle屬性是相對于父元素垂直居中,文字其實是寫在父元素div里的,所以設(shè)置后圖片就相對父元素(也就是文字)垂直居中了。
清水3201892 提問者
自問自答 ?歡迎后面的朋友來討論
因為圖片往下移了,與他的父元素(文字也在父元素里面)垂直居中
但他往下移了些距離 ?上面就有空隙 ? ?于是圖片和文字又同時往上移了相同的距離 (就是之前下移的距離)
最終造成 視覺上圖片沒動,文字上移。
舉報
本課程重點介紹HTML/CSS實現(xiàn)常見企業(yè)網(wǎng)站布局的方法
2 回答vertical-align問題
8 回答設(shè)置overflow:hidden后一張圖片都沒有了
2 回答搜索圖片如何設(shè)置點擊狀態(tài)。
1 回答為什么設(shè)置浮動后,第三行的小圖片就不顯示了。不設(shè)置浮動時,可以顯示圖片。
1 回答為什么nav_right設(shè)置高度圖片就對齊了????
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-08-31
我也有這個疑問,想提問搜到你的問題,剛才突然理解了。。哈哈哈。因為vertical-align:middle屬性是相對于父元素垂直居中,文字其實是寫在父元素div里的,所以設(shè)置后圖片就相對父元素(也就是文字)垂直居中了。
2016-08-30
自問自答 ?歡迎后面的朋友來討論
因為圖片往下移了,與他的父元素(文字也在父元素里面)垂直居中
但他往下移了些距離 ?上面就有空隙 ? ?于是圖片和文字又同時往上移了相同的距離 (就是之前下移的距離)
最終造成 視覺上圖片沒動,文字上移。