el-icon不垂直居中,与文字不对齐的解决策略

我们在使用el-cion的时候,渲染出来之后它是一个i包裹着一个svg的,默认不会垂直居中,就会与文字形成偏移

 

居中的策略:

1、将外层div设置为display:flex,设置垂直居中

2、将el-icon设置一个size,大概和文字一样大即可

最终实现的效果:成功垂直居中,与文字对齐

转载请说明出处内容投诉
CSS教程_站长资源网 » el-icon不垂直居中,与文字不对齐的解决策略

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买