css文体和图标垂直居中问题，vertical-align相关？
<li>文字<span class="icon"></span></li>文字和图标一起line-height就不起作用了，是为什么？
我要使他们一起居中，用了vertical-align属性，但是为什么middle时不是很整齐，要直接给vertical-align赋一个具体的值比如vertical-align:5px才行？
比如vertical-align:5px;这个5px是基于什么位置的？为什么ie中往往不行，要重新弄另外一个值？
展开
收起
1
条回答
写回答
写回答
-
1.line-height 用于需要垂直居中的元素，比如
和 或 , 所以用对了元素，line-height 是起作用的.2.为什么 vertical-align: middle 看起来不对齐，这造成的原因可能是相同 font-size 大小的字体和图标，显示的视觉大小就已经不一致，所以垂直居中后，也没显对齐.
我尝试将图标大小稍微改小，同样的 line-height 的情况下，视觉上是一样垂直居中对齐的.
2019-07-17 19:16:34赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
