在 IE 浏览器下，使用 <p><br></p><p> 标签来换行会导致文字无法垂直居中于图标旁边的情况。解决这个问题需要兼容修改 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 浏览器下文字无法垂直居中于图标，如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
486
收藏
