li标签的文字与图片居中对齐
2018-07-03 本文已影响0人
RubbyCherry
虽然动手不是太久,但是没想到最近在一个小地方翻了船,一直弄了很久都没有做出来,问题是这样的,最近仿写了一个苹果的导航栏,我用的li标签,因为导航栏中有图片,我就在li标签里面直接加入了img标签,但是很快就出现了一个问题,无论我的图片大小设置为多少,其他li标签里面的文字都会被挤下去,我用了line-height,结果也不管用,以下是出错的时候。
image.png试了很久,最后我终于想起来了这个标签vertical-align:text-top;然后问题就解决了,以下是修改过后的结果以及源码。
image.png image.png