實現內容垂直居中

<div class="flex"><div><p>公司名稱</p><p>2021.9.15</p></div> </div> .flex{/*flex 布局*/display: flex;/*實現垂直居中*/align-items: center;/*實現水平居中*/justify-content: center;text-align: justify; }

效果圖

總結

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

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