技术栈

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——进程基本概念下篇
相关推荐
IT_陈寒
33 分钟前
Redis的SETNX并发问题让我加了三天班
前端·人工智能·后端
demo007x
1 小时前
Docling 文档转换以及技术架构分析
前端·后端·程序员
京东云开发者
2 小时前
京东市民服务又“上新”!这次是黑龙江“龙易办”
前端
袋鱼不重
2 小时前
我的神奇同事,AI 用多了居然写了个 Open In Codex
前端·后端·ai编程
Fireworks
3 小时前
深入vue3源码解读 -- 1、响应式的基础概念
前端
程序员黑豆
3 小时前
JDK 下载安装与配置详细教程
java·前端·ai编程
hunterandroid
3 小时前
文件存储:内部存储与外部存储
前端
NorBugs
3 小时前
飞机大战 Low 版 (Made in AI)
前端
angerdream
4 小时前
Android手把手编写儿童手机远程监控App之agentweb如何实现全屏
前端
星栈
4 小时前
10 分钟跑起第一个 Dioxus 应用:`dx` CLI、`rsx!` 和热更新好不好用
前端·rust·前端框架
热门推荐
012026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04【AI】2026 年具身智能模型和世界模型总结05GitHub 镜像站点06HTTP 与 HTTPS 的区别:从原理到实战详解07上线仅72小时被强制下架:Claude Fable 5 的短命082026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?09AI科技热点日报 | 2026年6月1日10Codex 下载安装指南:Windows 和 macOS 官方版下载