技术栈

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