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

    技术2022-07-12  67

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

    <div id="findclass" class="flexbox"> <div> </div> <ul > <li >查找班级</li> <li >您有3个好友关注的班级</li> </ul> <div > <span> 3 </span><span>></span> </div> </div> .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

    CSS子元素在父元素中水平垂直居中的几种方法 https://www.cnblogs.com/yingtoumao/p/11541256.html

    Processed: 0.015, SQL: 9