CSS中有多種方法實(shí)現(xiàn)居中，下面將介紹幾種常用的方法。

1. 水平居中：給需要居中的元素設(shè)置左右margin為auto。

.box {
width: 200px;
margin: 0 auto;
}

2. 垂直居中：使用Flex布局

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

3. 垂直居中：使用絕對(duì)定位和transform屬性

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

4. 垂直居中：使用定位和負(fù)margin

.container {
position: relative;
}
.center {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px; /*元素自身高度的一半*/
margin-left: -100px; /*元素自身寬度的一半*/
}

綜上所述，使用CSS實(shí)現(xiàn)居中有多種方法，可以根據(jù)實(shí)際需要選擇合適的方法。