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>

效果:

相关推荐
BigTopOne13 分钟前
KOOM 学习计划
前端
自进化Agent智能体31 分钟前
Hermes 技能系统详解——安装、使用与浏览
前端
JieE21234 分钟前
前端不等人:用 Mock 接口工程让 React 应用独立起飞
前端·react.js·面试
用户3558569590239 分钟前
HTTPS到底会不会拖慢网站速度?TLS握手原理与性能优化实战
前端
xywww1681 小时前
真实后台页实测:Opus 5 看图写前端的可用边界在哪
linux·服务器·前端·数据库·人工智能·gpt
小小尚@1 小时前
AE脚本-AE Actions v1.1.8 操作动作记录器
开发语言·前端·javascript·jupyter·postman
大家的林语冰2 小时前
👍 超越 ESLint,Oxc 优先采用 TypeScript 7,Rust 和 Go 梦幻联动!
前端·javascript·typescript
樊小肆3 小时前
# 你还在等DeepSeek官方 agent Harness‌? 来试试 DeepSeeker-Code吧
前端·人工智能·后端
樊小肆3 小时前
2568 万 token 才花 2 块 2:聊聊 DeepSeeker-Code 怎么吃满上下文缓存
前端·人工智能·后端
JarvanMo3 小时前
Flutter 3.47: material/cupertino终于解耦了
前端