IE浏览器下,文本行高导致文字与图标无法居中对齐,如何通过CSS实现兼容修改?

IE浏览器下,文本行高导致文字与图标无法居中对齐,如何通过CSS实现兼容修改?

ie浏览器之下css兼容问题:行高对齐

问题:

如图所示,在IE浏览器下,文本中的行高会导致文字与图标无法居中对齐。如何通过CSS实现兼容修改?

解答:

立即学习前端免费学习笔记(深入)”;

为了解决这个问题,建议避免使用 top 属性。相反,可以将图标和文本都设置为 display:inline-block,然后为文本设置 vertical-align: middle; 以实现垂直居中对齐。

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容