技术栈

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

m0_689378272024-04-24 18:31
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>

效果:

上一篇:全栈外包接单/远程工作(TS, React, Vue, Java, 移动端)
下一篇:Linux——进程基本概念下篇
相关推荐
yuki_uix
11 分钟前
深入理解 reduce:从面试题到设计思维
前端
凌云拓界
13 分钟前
TypeWell全攻略(二):热力图渲染引擎,让键盘发光
前端·后端·python·计算机外设·交互·pyqt·数据可视化
coding随想
17 分钟前
TypeScript 高级类型全攻略:从“可表达性”到“类型体操”的实践之路
前端·javascript·typescript
大时光
25 分钟前
gsap -滚动插件 ScrollTrigger 简单demo
前端
tangbin583085
44 分钟前
iOS Swift:蓝牙 BLE 连接外设CoreBluetooth
前端
WWWWW先生
1 小时前
02 登录功能实现
前端·javascript
嚴寒
1 小时前
我用 AI 画了个设计稿,然后让它自己写成了代码
前端·ai编程
彭锐343
1 小时前
哨兵节点实现的自驱式任务队列
前端
阿星AI工作室
1 小时前
我做了个飞书转公众号排版器,6套高颜值主题想换就换
前端·人工智能
热门推荐
01GitHub 镜像站点02AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤05【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆06AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南07openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南08配置 OpenClaw 使用 Ollama 本地模型09HTML 早已不是标签了,它现在是系统级接口:这 9 个 API 直接干翻常用 JS 库10OpenClaw 安装之(三)DeepSeek模型接入配置和详细配置参数