IE浏览器中，如何解决行高导致文本偏移的问题？

有志者，事竟成！如果你在学习文章，那么本文《IE浏览器中，如何解决行高导致文本偏移的问题？ 》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

IE兼容问题：行高导致文本偏移

在本问题中，提问者遇到了CSS在IE浏览器中的兼容性问题，当使用<p><br></p>设置文本行高时，文本在IE浏览器中不会垂直居中。

要解决此问题，可以采用以下方法：

避免使用<top>，而是将图标和文本都设置为display:inline-block。然后，为文本设置vertical-align: middle;即可将文本垂直居中。

修改后的代码示例：

p {
  display: inline-block;
  vertical-align: middle;
}

icon {
  display: inline-block;
  vertical-align: middle;
}

到这里，我们也就讲完了《IE浏览器中，如何解决行高导致文本偏移的问题？ 》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！