CSS 如何設置垂直居中

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

margin:0 auto;

2、垂直居中，需要做一點小小的計算，關鍵代碼如下：

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必須要絕對定位；然后，寬高必須設置值；最后，left/top為50%，margin-top為高度的一半，margin-left為寬度的一半。