技术栈

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——进程基本概念下篇
相关推荐
2501_91812691
7 小时前
开源祭祖网页index
前端·开源·html
傻瓜搬砖人
8 小时前
SpringMVC的请求
java·前端·javascript·spring
爱上好庆祝
8 小时前
学习js的第六天(js基础的结束)
开发语言·前端·javascript·学习·ecmascript
rADu REME
8 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
IT_陈寒
8 小时前
JavaScript的异步地狱,我差点没爬出来
前端·人工智能·后端
光影少年
8 小时前
Webpack打包性能优化方面的经验
前端·webpack·性能优化
Das1
8 小时前
通过命令行下载kaggle数据
前端·chrome
剑神一笑
8 小时前
CSS Animation Timeline 可视化动画编辑器:从关键帧到流畅动画
前端·css·编辑器
Dylan的码园
8 小时前
springBoot与Web后端基础
前端·spring boot·后端
广州华水科技
8 小时前
单北斗变形监测应用于水库的精准GNSS技术解析
前端
热门推荐
01要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法02GitHub 镜像站点03Codex 接入 DeepSeek API 完整配置文档04【AI】2026 年具身智能模型和世界模型总结05裂开!ChatGPT 居然开始要手机号验证,附详细解决方法06零基础教你claude code 接入 deepseek V4072026年AI前瞻:量子AI、具身智能与科学发现的新纪元08CC-Switch & Claude 基于 Linux 服务器安装使用指南09在Windows 11上安装Docker的踩坑记录10CVE-2026-31431 (Copy Fail) 漏洞复现与验证记录