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