技术栈

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——进程基本概念下篇
相关推荐
后台模板学习
2 分钟前
从0到1用Vite构建电商订单系统前端性能优化方案
前端
Wang's Blog
3 分钟前
Vibe Coding一人即团队系列58: HTML演示文稿自动生成
前端·人工智能·html
FoldWinCard
18 分钟前
基于k8s高可用web集群
前端·容器·kubernetes
神探小白牙
19 分钟前
海康视频在vue2.0中的使用
前端·音视频
Tanjia_kiki
31 分钟前
谷歌浏览器中F12编辑并重发请求
开发语言·前端·javascript
honkun6
41 分钟前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
新中地GIS开发老师
1 小时前
WebGIS开发入门 | 从 Web 开发到地图开发,差别在哪儿?
前端·vue·webgis
IMPYLH
1 小时前
HTML 的 <p> 元素
前端·javascript·html
leoZ231
1 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02GitHub 镜像站点03ZCode 周末送额度活动开启:3 亿 Token 免费领取04历年考研数学一、数学二、数学三真题试卷及答案PDF05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接062026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?07微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新08AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路09Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费10VSCode+CodeX扩展,无法启动