li标签的文字与图片居中对齐
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了li标签的文字与图片居中对齐相关的知识，希望对你有一定的参考价值。
参考技术A 虽然动手不是太久，但是没想到最近在一个小地方翻了船，一直弄了很久都没有做出来，问题是这样的，最近仿写了一个苹果的导航栏，我用的li标签，因为导航栏中有图片，我就在li标签里面直接加入了img标签，但是很快就出现了一个问题，无论我的图片大小设置为多少，其他li标签里面的文字都会被挤下去，我用了line-height，结果也不管用，以下是出错的时候。试了很久，最后我终于想起来了这个标签vertical-align：text-top；然后问题就解决了，以下是修改过后的结果以及源码。
图片和文字垂直居中对齐
以上是关于li标签的文字与图片居中对齐的主要内容，如果未能解决你的问题，请参考以下文章
div + css，UL的LI 中，对LI设置了list-style-image，LI中的文字是放在a标签中的，如何让图片和文字对齐？