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

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

在 ie 浏览器中，<p><br></p> 的 html 代码可能会导致行高异常，文字无法居中。为了解决这个问题，可以在 css 中进行兼容性修改。

以下是如何修改 css 代码：

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

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

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

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