IE 浏览器下文字无法垂直居中于图标，如何解决？

css 兼容 ie 问题：文字在 ie 中无法垂直居中

在 IE 浏览器下，使用

标签来换行会导致文字无法垂直居中于图标旁边的情况。解决这个问题需要兼容修改 CSS。

兼容修改方法：

不要使用 top 属性进行对齐。改为将图标和文字都设置为 display: inline-block，然后为文字设置 vertical-align: middle; 居中即可。

修改后的 CSS 代码如下：

/* 图标 */
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

/* 文本 */
p {
  display: inline-block;
  vertical-align: middle;
}

以上就是IE 浏览器下文字无法垂直居中于图标，如何解决？的详细内容，更多请关注硕下网其它相关文章！