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

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

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

发现效果并不好

1:写法僵硬

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

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

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

各位可以试试 !!!

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

相关推荐
乌兰麦朵4 分钟前
Vue吹的颅内高潮,全靠选择性失明和 .value 的PUA!
前端·vue.js
Code季风4 分钟前
Gin Web 层集成 Viper 配置文件和 Zap 日志文件指南(下)
前端·微服务·架构·go·gin
蓝倾4 分钟前
如何使用API接口实现淘宝商品上下架监控?
前端·后端·api
舂春儿6 分钟前
如何快速统计项目代码行数
前端·后端
毛茸茸6 分钟前
⚡ 从浏览器到编辑器只需1秒,这个React定位工具改变了我的开发方式
前端
Pedantic7 分钟前
我们什么时候应该使用协议继承?——Swift 协议继承的应用与思
前端·后端
Software攻城狮8 分钟前
vite打包的简单配置
前端
Codebee8 分钟前
如何利用OneCode注解驱动,快速训练一个私有的AI代码助手
前端·后端·面试
流星稍逝8 分钟前
用vue3的写法结合uniapp在微信小程序中实现图片压缩、调整分辨率、做缩略图功能
前端·vue.js
知了一笑12 分钟前
独立开发问题记录-margin塌陷
前端