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

沙尘暴炒饭2024-01-13 1:06

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

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

发现效果并不好

1：写法僵硬

2：margin会把div撑破，达不到预期效果（padding也是）

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

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

各位可以试试 !!!

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

上一篇：CSS 命名规范-BEM

下一篇：MySQL入门：DCL数据控制语言（管理用户，权限控制），MySQL函数（字符串，数值，日期，流程）

热门推荐

01GitHub 镜像站点 022026 年 AI 编程工具终极横评：Cursor vs Claude Code vs Copilot vs Windsurf 03AI科技热点日报 | 2026年07月01日 04【AI】2026 年具身智能模型和世界模型总结 052026 AI 编程工具终极实战指南：Cursor vs Claude Code vs Copilot，开发者该怎么选？062026 年 AI 大模型 & AI 编程工具实战全总结 072026 AI 编程工具选型横评：Cursor / Claude Code / Trae / Copilot 到底选谁（建议收藏·避坑版）08Agnes AI 免费 API 接入指南：文本、生图、生视频，一套接口全免费 092026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？102026年6月AI大模型全景报告：GPT-5.6、Claude Opus 4.8、Gemini 3.5，中美AI三足鼎立谁主沉浮？