課程
/前端開發
/HTML/CSS
/企業網站綜合布局實戰
不太能理解為啥 ? 設置 img 的vertical-align:middle 可以使旁邊的文字上下居中,求賜教
2015-08-22
源自:企業網站綜合布局實戰 3-3
正在回答
因為圖片往下移了,與他的父元素(文字也在父元素里面)垂直居中
但他往下移了些距離 ?上面就有空隙 ? ?于是圖片和文字又同時往上移相同的距離?
最終造成 視覺上圖片沒動,文字上移
看css手冊:該屬性定義行內元素的基線相對于該元素所在行的基線的垂直對齊。”這個很繞,打個比喻:假設有兩個行內元素a和 b,當a加了一個vertical-align:middle樣式之后,b的底部(基線)就會對齊a的中間位置
然而我用了之后,旁邊文字并沒有居中。。。我丟不知道怎么辦了
你把它想成黏在一起的 ?然后用隔壁的坍塌影響另外一個
都是行級元素,就像一行文字以文字頂部對齊一樣
舉報
本課程重點介紹HTML/CSS實現常見企業網站布局的方法
3 回答vertical-align:middle; 在firefox下不起作用
3 回答文字居中設置什么屬性???
4 回答為什么給img設置vertical align:center他是和文字對齊?不是應該和父元素對齊嗎?
4 回答padding-right設置無效,請賜教?
3 回答為什么我設置了line_height卻不能垂直居中?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-30
因為圖片往下移了,與他的父元素(文字也在父元素里面)垂直居中
但他往下移了些距離 ?上面就有空隙 ? ?于是圖片和文字又同時往上移相同的距離?
最終造成 視覺上圖片沒動,文字上移
2016-03-13
看css手冊:該屬性定義行內元素的基線相對于該元素所在行的基線的垂直對齊。”這個很繞,打個比喻:假設有兩個行內元素a和 b,當a加了一個vertical-align:middle樣式之后,b的底部(基線)就會對齊a的中間位置
2015-09-17
然而我用了之后,旁邊文字并沒有居中。。。我丟不知道怎么辦了
2015-08-24
你把它想成黏在一起的 ?然后用隔壁的坍塌影響另外一個
2015-08-22
都是行級元素,就像一行文字以文字頂部對齊一樣