css如何让两个元素在同一水平线上?

学无止境,达者为先,不懂就问,善莫大焉

问题如下:
在同一个div里面包裹了两个元素

el-tag 和svg
image.png

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

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

发现效果并不好

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

现在诚求有志之士解我疑惑,祝大佬新年快乐万事如意阖家欢乐!

已解决 悬赏分:0 - 解决时间 2021-11-29 01:18
反对 0举报 0 收藏 0

回答3

最佳
  • @

    div 设置:
    .center {

    display: flex;
    align-items: center;

    }

    支持 0 反对 0 举报
    2021-11-28 10:14
  • @

    flex布局 了解下

    支持 0 反对 0 举报
    2021-11-28 10:46
  • @

    两个都设置 vertical-align center

    支持 0 反对 0 举报
    2021-11-28 11:24