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

ie浏览器之下css兼容问题：行高对齐

问题：

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

解答：

立即学习“前端免费学习笔记（深入）”；

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