一個div中多個元素垂直居中的一種解決辦法
阿新 • • 發佈:2018-11-21
有多個元素需要垂直居中排列時,嘗試了很多方法,總結一下覺得用flex的佈局是最方便的。
目標實現:
<div id="findclass" class="flexbox"> <div> </div> <ul > <li >查詢班級</li> <li >您有3個好友關注的班級</li> </ul> <div > <span> 3 </span><span>></span> </div> </div>
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