我们在使用el-cion的时候,渲染出来之后它是一个i包裹着一个svg的,默认不会垂直居中,就会与文字形成偏移
居中的策略:
1、将外层div设置为display:flex,设置垂直居中
2、将el-icon设置一个size,大概和文字一样大即可
文章来源:https://www.toymoban.com/news/detail-517303.html
最终实现的效果:成功垂直居中,与文字对齐文章来源地址https://www.toymoban.com/news/detail-517303.html
到了这里,关于el-icon不垂直居中,与文字不对齐的解决策略的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!