老師,3-2這節(jié) 似乎剪輯有問(wèn)題 最后的一段 在視頻開(kāi)始處重復(fù)了
2016-03-11
不是img有font-size屬性,而是img后面的隱匿空格或者換行符有font-size屬性。vertical-align:middle導(dǎo)致圖片的中心位置和字符的中心位置(字符x中間位置)對(duì)齊,但是字符x的中心由于字符的下沉性,表現(xiàn)并不是一行(行框)的中心,所以圖片近似居中(微下沉)。
如果設(shè)置字符的font-size為0,則行內(nèi)元素基線中線等亂七八糟的線都合并成一條線,并且處于行(框)中心。這時(shí)候圖片是真正居中對(duì)齊。 綜上,img父元素line-height為容器高度,將容器內(nèi)容當(dāng)做一行處理;img父元素設(shè)置font-size:0;保證絕對(duì)居中對(duì)齊。
如果設(shè)置字符的font-size為0,則行內(nèi)元素基線中線等亂七八糟的線都合并成一條線,并且處于行(框)中心。這時(shí)候圖片是真正居中對(duì)齊。 綜上,img父元素line-height為容器高度,將容器內(nèi)容當(dāng)做一行處理;img父元素設(shè)置font-size:0;保證絕對(duì)居中對(duì)齊。
2016-03-07
說(shuō)實(shí)話(huà),要是有過(guò)布局經(jīng)驗(yàn),看這個(gè)視頻真是有醍醐灌頂?shù)母杏X(jué)。初學(xué)者真的不適合。
2016-03-07