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

wufei123 2025-01-26 阅读:33 评论:0

css 兼容 ie 问题：文字在 ie 中无法垂直居中在 IE 浏览器下，使用标签来换行会导致文字无法垂直居中于图标旁边的情况。解决这个问题需要兼容修改 CSS。兼容修改方法：不要使用 top 属性进行对齐。改为将图标和文字...

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

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

在 IE 浏览器下，使用

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

兼容修改方法：

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

修改后的 CSS 代码如下：

PHP

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

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

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

本站内容来源于互联网搬运，
仅限用于小范围内传播学习，请在下载后24小时内删除，
如果有侵权内容、不妥之处，请第一时间联系我们删除。敬请谅解!
E-mail：dpw1001@163.com