.container{display: flex;justify-content: center;aligin-items: center; }

垂直居中當內(nèi)容超過container，上方會超出容器

設置

.item{margin: auto; }

或：

justify-content: safe center align-self: safe center

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。