美文网首页
li标签的文字与图片居中对齐

li标签的文字与图片居中对齐

作者: RubbyCherry | 来源:发表于2018-07-03 09:49 被阅读0次

    虽然动手不是太久,但是没想到最近在一个小地方翻了船,一直弄了很久都没有做出来,问题是这样的,最近仿写了一个苹果的导航栏,我用的li标签,因为导航栏中有图片,我就在li标签里面直接加入了img标签,但是很快就出现了一个问题,无论我的图片大小设置为多少,其他li标签里面的文字都会被挤下去,我用了line-height,结果也不管用,以下是出错的时候。

    image.png

    试了很久,最后我终于想起来了这个标签vertical-align:text-top;然后问题就解决了,以下是修改过后的结果以及源码。


    image.png image.png

    相关文章

      网友评论

          本文标题:li标签的文字与图片居中对齐

          本文链接:https://www.haomeiwen.com/subject/blhduftx.html