css如何让两个元素在同一水平线上(文字和svg图片)

一开始写发现这两者不在同一水平线

起初用margin-top margin-bottom来协调

发现效果并不好

1:写法僵硬

2:margin会把div撑破,达不到预期效果(padding也是)

  1. 加了flex布局 之后, 因为我这个是在表格里面,无法居中了

结果 : 两个都设置 vertical-align : middle 就可以了

各位可以试试 !!!

文档地址: vertical-align - CSS:层叠样式表 | MDN

相关推荐
CappuccinoRose15 小时前
滚动交互体系
前端·javascript·交互·html5·1024程序员节
时空节拍AI数字人15 小时前
博物馆数字人讲解系统设计:知识库 schema、展项联动协议与时序控制
java·服务器·前端·人工智能·ai·语音识别
吴建旭 智宅焕15 小时前
智能家居全国交付中前端工具与后端基础设施的系统集成架构:报价入口与交付兜底的闭环设计
前端·架构·智能家居
夏天要喝冰可乐15 小时前
Codex 写 Three.js 大屏实录:800 行代码,和一条画反的弧线
前端·aigc
欣欣之王来了16 小时前
v-bind语法糖::属性名的简写方式
前端·学习·架构·项目·vue3教程
2601_9540056216 小时前
# ricon SVG 编辑器:工业图元的“军火工厂“
前端·物联网·数学建模·架构·编辑器·制造
codeniu16 小时前
一个人,5天,从想法到上线:我用 TRAE 跑通全链路开发的完整实录
前端
shaibdoio16 小时前
RPA自动化获客怎么落地?瞬维AI评论区工程实践
前端·自动化·rpa·长沙瞬维ai
计算机魔术师16 小时前
807亿亏配900%留存:ANT招股书把AI的拧巴摊在桌上了
前端
未来之窗软件服务16 小时前
web网络请求竞态问题与取消方案-东方仙盟
前端·状态模式·仙盟创梦ide·东方仙盟·网络取消