雖然動(dòng)手不是太久娶靡,但是沒想到最近在一個(gè)小地方翻了船,一直弄了很久都沒有做出來(lái)揖膜,問(wèn)題是這樣的誓沸,最近仿寫了一個(gè)蘋果的導(dǎo)航欄,我用的li標(biāo)簽壹粟,因?yàn)閷?dǎo)航欄中有圖片拜隧,我就在li標(biāo)簽里面直接加入了img標(biāo)簽宿百,但是很快就出現(xiàn)了一個(gè)問(wèn)題,無(wú)論我的圖片大小設(shè)置為多少洪添,其他li標(biāo)簽里面的文字都會(huì)被擠下去垦页,我用了line-height,結(jié)果也不管用干奢,以下是出錯(cuò)的時(shí)候痊焊。
image.png
試了很久,最后我終于想起來(lái)了這個(gè)標(biāo)簽vertical-align:text-top忿峻;然后問(wèn)題就解決了薄啥,以下是修改過(guò)后的結(jié)果以及源碼。
image.png
image.png