element-plus中的图标和文字水平对齐

html 复制代码
<span>
	<el-icon size="14px"><Delete /></el-icon> 
	<span>删除</span>
</span>

解决方法:加上vertical-align: middle样式就可以了

html 复制代码
<span>
	<el-icon size="14px" style="vertical-align: middle"><Delete /></el-icon> 
	<span style="vertical-align: middle">删除</span>
</span>

效果:

相关推荐
&白帝&17 分钟前
vue右键显示菜单
前端·javascript·vue.js
Wannaer18 分钟前
从 Vue3 回望 Vue2:事件总线的前世今生
前端·javascript·vue.js
羽球知道38 分钟前
在Spark搭建YARN
前端·javascript·ajax
光影少年1 小时前
vue中,created和mounted两个钩子之间调用时差值受什么影响
前端·javascript·vue.js
青苔猿猿1 小时前
node版本.node版本、npm版本和pnpm版本对应
前端·npm·node.js·pnpm
一只码代码的章鱼2 小时前
Spring的 @Validate注解详细分析
前端·spring boot·算法
zimoyin2 小时前
Kotlin 协程实战:实现异步值加载委托,对值进行异步懒初始化
java·前端·kotlin
cdcdhj2 小时前
vue用通过npm的webpack打包编译,这样更适合灵活配置的项目
vue.js·webpack·npm
程序员与背包客_CoderZ4 小时前
Node.js异步编程——Callback回调函数实现
前端·javascript·node.js·web
非凡ghost4 小时前
Pale Moon:速度优化的Firefox定制浏览器
前端·firefox