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

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

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

发现效果并不好

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

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

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

各位可以试试 !!!

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

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-13 00:14:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-13 00:14:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-13 00:14:01       87 阅读
  4. Python语言-面向对象

    2024-01-13 00:14:01       96 阅读

热门阅读

  1. 终极Linux命令宝典:从入门到精通,一网打尽!

    2024-01-13 00:14:01       40 阅读
  2. 1.12 ECS

    2024-01-13 00:14:01       62 阅读
  3. 链表专题-删除,设计,反转链表

    2024-01-13 00:14:01       53 阅读
  4. C++(20):普通函数的参数使用auto声明

    2024-01-13 00:14:01       61 阅读
  5. Halcon经典的边缘检测算子Sobel/Laplace/Canny

    2024-01-13 00:14:01       73 阅读
  6. 【力扣每日一题】力扣447回旋镖的数量

    2024-01-13 00:14:01       56 阅读
  7. UR5机械臂控制

    2024-01-13 00:14:01       59 阅读