IE浏览器下，文本行高导致文字与图标无法居中对齐，如何通过CSS实现兼容修改？

怎么入门文章编程？需要学习哪些知识点？这是新手们刚接触编程时常见的问题；下面golang学习网就来给大家整理分享一些知识点，希望能够给初学者一些帮助。本篇文章就来介绍《IE浏览器下，文本行高导致文字与图标无法居中对齐，如何通过CSS实现兼容修改？》，涉及到，有需要的可以收藏一下

IE浏览器之下CSS兼容问题：行高对齐

问题：

如图所示，在IE浏览器下，文本中的行高会导致文字与图标无法居中对齐。如何通过CSS实现兼容修改？

解答：

为了解决这个问题，建议避免使用 top 属性。相反，可以将图标和文本都设置为 display:inline-block，然后为文本设置 vertical-align: middle; 以实现垂直居中对齐。

终于介绍完啦！小伙伴们，这篇关于《IE浏览器下，文本行高导致文字与图标无法居中对齐，如何通过CSS实现兼容修改？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！