技术栈

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——进程基本概念下篇
相关推荐
Csvn
8 分钟前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn
14 分钟前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
Elcker
3 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
酷炫码神
3 小时前
Day 8|Vue3 响应式:告别手动操作 DOM,让数据驱动界面
javascript·vue.js·ecmascript
计算机魔术师
3 小时前
发现2天,修复2个月:AI挖穿PHP后,卡兹克讲透攻防时间差
前端
风骏时光牛马
3 小时前
测试标题001
前端
IT_陈寒
4 小时前
Java性能优化完全指南
前端·人工智能·后端
电子IT笔记
4 小时前
对接群晖NAS,上传和删除踩坑记录
前端·后端
计算机魔术师
4 小时前
半年前说不缺钱,半年后150亿美元超募
前端
用户570846257440
4 小时前
自动化发布器里最贵的 Bug:返回成功,但什么都没发生
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02如何新建文件夹? 电脑新建文件夹的4种方法03ai安全工具:CyberStrikeAI安装部署与使用04GitHub 镜像站点05历年考研数学一、数学二、数学三真题试卷及答案PDF06几个好用的ip纯净度检测网站07昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战08Windows 10/11 如何退出微软账户并改用本地账户登录(含找不到选项的解决方法)09苹果iPA游戏软件资源下载网站10乙二醇水溶液物性参数