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