首先，span img同為行內(nèi)元素，在父元素設(shè)置text-align: center;?line-height = height后就可以實(shí)現(xiàn)子元素span中的文字水平垂直居中，但是img需要加上vertical-align: middle才能實(shí)現(xiàn)垂直水平居中，請(qǐng)問原因是什么呢？
2 回答
長相思兮
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超166個(gè)贊
<img>并非單純的行內(nèi)元素，它叫行內(nèi)替換元素，它也無法轉(zhuǎn)化成行內(nèi)元素。父元素的line-height屬性對(duì)它并不起作用。你看到span居中是整個(gè)span元素相對(duì)于父元素的居中，而不是里面的文字。
- 2 回答
- 0 關(guān)注
- 1473 瀏覽
添加回答
舉報(bào)
0/150
提交
取消