CSS可以通過不同的方法設置元素在屏幕中央。以下是幾種常用的方式：

/* 方法一：絕對定位 */
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 方法二：flexbox */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.center {
/* 如果是容器本身要居中，則使用以下設置 */
/* margin: auto; */
}
/* 方法三：grid */
.container {
display: grid;
place-items: center;
}

通過以上方法，我們可以將一個元素在水平和垂直方向上居中，效果類似于下面這樣的布局：