关于 iconfont 和文字垂直对齐总是会偏移几个像素的问题
来源：6-6 rem案例：网易移动端头部实现
香菜骑士
2023-06-28
.demo {
display: inline-flex;
align-items: center;
font-size: 14px;
background-color: skyblue;
}
.demo i {
font-size: 16px;
}
<a class="demo" href="#">
<i class="iconfont icon-email"></i>
<span>邮箱</span>
</a>
写回答
2回答
-
你好，你给demo添加一个高度，比如 height: 100px; 可以看到他们应该是居中对齐的，图标只不过不太标准，会有一两个像素的偏移，如果是标准的图标，是会对其的
00 -
西门老舅
2023-06-29
你好，使用弹性布局的时候，上下居中可以采用align-items: center;即可，所以行高可以不用添加的，把行高去掉看看能否解决问题
012023-06-29
相似问题