html代碼:

<div class="father">

<p>我要垂直居中</p>

</div>

?

css代碼:

.father {

display:flex;

align-items: center; //交叉軸

justify-content:center; //主線

background:grey;

height:100vh;

}

總結

以上是生活随笔為你收集整理的flex水平垂直居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。