技术栈

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计算杂谈
15 小时前
AMSET 设置多核并行计算
java·前端·css·html·css3
花椒技术
15 小时前
AI 协同开发落地复盘:1 小时生成首版后,为什么 Review 和修正又花了 2-3 天
前端·人工智能·架构
万少
15 小时前
万少用9个AI工具,帮朋友完成了一个"不可能"的项目
前端
小小小小宇
15 小时前
Vue `import` 为什么可以异步加载
前端
WMYeah
15 小时前
【无标题】
前端·rust·抽奖程序·跨平台抽奖程序
Unbelievabletobe
15 小时前
免费外汇api的响应时间在不同时段下的波动分析
大数据·开发语言·前端·python
大哥,带带弟弟
16 小时前
Grafana 前端嵌入与 JWT 鉴权实战
前端·grafana
小小小小宇
16 小时前
前端 V8 引擎垃圾回收机制与内存问题排查
前端
前端老石人
16 小时前
CSS 值定义语法
前端·css
sheeta1998
16 小时前
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问题解决08Windows端Codex接入第三方模型(DeekSeek,BaiLian)09裂开!ChatGPT 居然开始要手机号验证,附详细解决方法10要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法