技术栈

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——进程基本概念下篇
相关推荐
小赵同学WoW
2 小时前
1-2 TypeScript 中的 `any` 与 `unknown`
前端
six_
2 小时前
C# 上位机(持续更新中)
前端·面试·c#
风雨_
2 小时前
Git Worktree sourcetree完整使用指南
前端
半个落月
2 小时前
React 组件通信进阶:useContext 与自定义 Hook 实战详解
前端·react.js
用户92108026286
2 小时前
ChatComposer 输入区改造:基于技能市场实现 Agent 输入框
前端
用户4598920456516
2 小时前
一套 KMP 多仓库版本治理工作流:用 Version Catalog + CI 把发版流水线自动化
前端·kotlin
小赵同学WoW
2 小时前
1-4 TypeScript 中的 `number`、`bigint` 与 `string`
前端
小赵同学WoW
2 小时前
1-3 `boolean` 与字面量类型
前端
光影少年
2 小时前
react navite 长列表优化:FlatList / SectionList 原理与优化属性
前端·react native·react.js
cindershade
2 小时前
鼠标 3D 倾斜卡片
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02GitHub 镜像站点032026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?04微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新05Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费06历年考研数学一、数学二、数学三真题试卷及答案PDF07VSCode+CodeX扩展,无法启动08AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路092026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片10如何新建文件夹? 电脑新建文件夹的4种方法