CSS是網頁設計的必備技能之一，其中如何設置居中是常見的問題之一。在CSS中，可以通過以下幾種方式來實現居中。

/* 水平居中 */
.box {
width: 200px;
margin: 0 auto;
}
/* 垂直居中 */
.box {
height: 100px;
position: relative;
}
.box-in {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直居中 */
.box {
width: 200px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上是常用的幾種居中方式，可以根據實際需求來選擇使用。需要注意的是，在使用絕對定位的垂直居中時，需要將其父元素的position設置為relative或absolute。

除了以上幾種方法外，還可以使用flex布局來實現居中效果：

/* flex布局水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}

以上是本文介紹的關于CSS如何設置位置居中的內容，希望對大家有所幫助。