1、水平居中我們都知道，可以直接用：

margin:0 auto;

2、垂直居中，需要做一點(diǎn)小小的計(jì)算，關(guān)鍵代碼如下：

height: 600px;

position: absolute;

top: 50%;

margin-top:-300px;

如需水平且垂直居中：

height: 600px;

width: 400px;

position: absolute;

top: 50%;

left: 50%;

margin:-300px 0 0 -200px;?

注：首先，position必須要絕對(duì)定位；然后，寬高必須設(shè)置值；最后，left/top為50%，margin-top為高度的一半，margin-left為寬度的一半。

轉(zhuǎn)載于:https://www.cnblogs.com/fifteen718/p/9533902.html

總結(jié)

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

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