一个div中多个元素垂直居中的一种解决办法

有多个元素需要垂直居中排列时,尝试了很多方法,总结一下觉得用flex的布局是最方便的。

目标实现:

一个div中多个元素垂直居中的一种解决办法_第1张图片

    
  • 查找班级
  • 您有3个好友关注的班级
 3 >

css部分:

.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

有关flex的用法可以参考:https://blog.csdn.net/m0_37851778/article/details/77241009

你可能感兴趣的:(一个div中多个元素垂直居中的一种解决办法)