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

垂直居中當(dāng)內(nèi)容超過(guò)container，上方會(huì)超出容器

設(shè)置

.item{margin: auto; }

或：

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

總結(jié)

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

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