技术栈

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——进程基本概念下篇
相关推荐
光影少年
6 小时前
前端算法题
前端·javascript·算法
Lee川
6 小时前
从输入框到智能匹配:一文读懂搜索功能的完整实现
前端·后端
朝阳39
7 小时前
React【面试】
前端·react.js·面试
漓漾li
7 小时前
每日面试题(2026-05-15)- 前端
前端·vue.js·react.js
进击切图仔
7 小时前
RAG 加载 pdf 文档
linux·前端·pdf
小小小小宇
7 小时前
git 大仓库拉取卡顿问题
前端
前端那点事
7 小时前
告别低级冗余!10个前端原生高阶技巧,让代码更优雅、性能更出众
前端·vue.js
hexu_blog
7 小时前
前端vue后端java如何实现证件照功能
前端·javascript·vue.js
豹哥学前端
7 小时前
前端 LocalStorage 实战:从入门到熟练,一篇就够了
前端·javascript·面试
用户4018993342284
7 小时前
第 11 章 MCP 协议与集成
前端
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04【AI】2026 年具身智能模型和世界模型总结05零基础教你claude code 接入 deepseek V406AI科技热点日报 | 2026年5月11日07codex app每次打开重连5次Reconnecting问题解决08人工智能最新动态 AI 日报 · 2026年5月10日09Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)10Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓