技术栈

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——进程基本概念下篇
相关推荐
DFT计算杂谈
21 小时前
AMSET 设置多核并行计算
java·前端·css·html·css3
花椒技术
21 小时前
AI 协同开发落地复盘:1 小时生成首版后,为什么 Review 和修正又花了 2-3 天
前端·人工智能·架构
万少
1 天前
万少用9个AI工具,帮朋友完成了一个"不可能"的项目
前端
小小小小宇
1 天前
Vue `import` 为什么可以异步加载
前端
WMYeah
1 天前
【无标题】
前端·rust·抽奖程序·跨平台抽奖程序
Unbelievabletobe
1 天前
免费外汇api的响应时间在不同时段下的波动分析
大数据·开发语言·前端·python
大哥,带带弟弟
1 天前
Grafana 前端嵌入与 JWT 鉴权实战
前端·grafana
小小小小宇
1 天前
前端 V8 引擎垃圾回收机制与内存问题排查
前端
前端老石人
1 天前
CSS 值定义语法
前端·css
sheeta1998
1 天前
Vue 前端基础笔记
前端·vue.js·笔记
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03【AI】2026 年具身智能模型和世界模型总结04CC-Switch & Claude 基于 Linux 服务器安装使用指南05零基础教你claude code 接入 deepseek V406AI科技热点日报 | 2026年5月11日07Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)08codex app每次打开重连5次Reconnecting问题解决09Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓102026年AI前瞻:量子AI、具身智能与科学发现的新纪元