在網頁設計中，有時需要把某個元素（比如div、img等）定位到屏幕中間，讓頁面看起來更加美觀。那如何使用CSS來實現呢？

.center {
position: absolute; /* 相對定位 */
top: 50%; /* 相對于父元素 */
left: 50%; /* 相對于父元素 */
transform: translate(-50%, -50%); /* 平移 */
}

我們可以給需要居中的元素添加一個class，比如.center，然后使用絕對定位（position: absolute），將元素的頂部和左側邊緣都定位到其父元素的中心（top: 50%; left: 50%;)，這時元素已經移到了父元素的中心點，但由于坐標系的原因，我們需要將元素在水平和垂直方向上各向左上方偏移50%（transform: translate(-50%, -50%)），這樣就可以將元素完美地居中了。