IE 下如何解决 `` 导致的行高异常和文字无法居中问题？

哈喽！今天心血来潮给大家带来了《IE 下如何解决 `` 导致的行高异常和文字无法居中问题？》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

css 如何兼容 ie 下元素行高问题？

在 ie 浏览器中，

以下是如何修改 css 代码：

/* 将 <p> 中 <br> 的 top 属性移除 */
p br {
  top: 0;
}

/* 将图标和文字都设置为内联块 */
.icon, p {
  display: inline-block;
}

/* 设置文本的垂直对齐方式为居中 */
p {
  vertical-align: middle;
}

修改后，图标和文字都将作为内联块显示，并且文本将垂直居中，从而解决 ie 下的行高问题。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~