技术栈

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——进程基本概念下篇
相关推荐
AiMan
1 小时前
Poe还是不可以导出左侧所有对话,只能单条内容导出,方法不对吗
前端
AiMan
1 小时前
文心生成的内容能否下载吗?
前端
前端双越老师
2 小时前
程序员 1v1 访谈系列第十四期:接受焦虑 拥抱不确定
前端·ai编程·全栈
deli007
3 小时前
MCP 协议 6 条消息拆开看:AI 为什么能自己读文件调接口
前端
风骏时光牛马
3 小时前
请告诉我标题对应的内容、想要的风格,我马上给你生成。
前端
deli007
3 小时前
OAuth 2.0 授权码流程实测:4 次跳转,少个 state 就被劫持
前端
deli007
5 小时前
手机20%突然关机?电量百分比是估的,SOC曲线4组实测
前端
深蓝AI
16 小时前
Meta 开源用了八年的设计系统 astryx:连坐两天 GitHub 总榜第一,组件库开始写给 agent 的说明书
前端·人工智能
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02历年考研数学一、数学二、数学三真题试卷及答案PDF03如何新建文件夹? 电脑新建文件夹的4种方法04几个好用的ip纯净度检测网站05微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新06昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战07GitHub 镜像站点08蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接09苹果iPA游戏软件资源下载网站10Dify:一站式AI应用开发平台全解析与Windows部署指南