想讓CSS固定在窗口中央？那么，你來對地方了！接下來的這些步驟將會引導你如何實現在神奇的CSS中編寫一個居中的布局。

.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述的代碼中，我們使用了position: absolute來定位元素。top和left屬性被設置為50%，這就是完美居中的步驟之一。 接著，我們使用了CSS3中的transform屬性，它能夠做到將元素中心點放到左上角。 接下來的translate值將會所以位置元素固定在屏幕中心。這就是在CSS中神奇的操作。 如果你想改變元素的大小，或者改變內部文本的尺寸，請不要擔心，這個居中的布局將自動適應CSS變化。