技术栈

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——进程基本概念下篇
相关推荐
JS菌
4 分钟前
Skills 动态加载系统:让 AI Agent 按需获取领域知识
前端·人工智能·后端
weedsfly
6 分钟前
Sass 代码复用完全指南:从变量到模块化
前端
张拭心
11 分钟前
Android 17 新特性:后台音频交互限制加强
android·前端
张拭心
20 分钟前
Android 17 新特性:ProfilingManager 新触发器
android·前端
weixin_47138303
28 分钟前
Taro-03-页面生命周期
前端·javascript·taro
张拭心
31 分钟前
Android 17 新特性:MessageQueue 无锁实现
android·前端
Asize
34 分钟前
数组数据结构底层:从灵活到陷阱
前端·javascript·算法
十九画生
35 分钟前
Ajax 入门:用 XHR 理解前后端异步请求
前端·javascript·后端
yingyima
35 分钟前
Python re 模块速查:从实战对比中掌握正则表达式
前端
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?03【AI】2026 年具身智能模型和世界模型总结042026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?05AI科技热点日报 | 2026年6月1日06《置身钉内》原文-可播放阅读07GitHub 镜像站点08Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析092026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf10AI一周事件 · 2026-06-03 至 2026-06-09