在CSS中，實現居中是一個非常普遍的需求，尤其是在布局方面。下面介紹幾種CSS居中的方式。
1. 水平居中
最簡單的方式就是使用text-align屬性將元素內容水平居中。例如：

p {
text-align: center;
}

當你想要讓元素本身水平居中，而不是元素內容，這時就可以使用margin屬性。針對塊級元素，你可以設置左右的margin為auto。例如：

div {
width: 200px;
margin: 0 auto;
}

這個例子中，div元素的寬度設置為200px，左右margin都為auto，這樣就可以實現水平居中了。
2. 垂直居中
垂直居中比較難實現，但我們有以下幾種方式：
1) 使用flexbox布局
使用flexbox布局是實現垂直居中的一種簡單有效的方式。將父元素的display屬性設置為flex，然后使用align-items和justify-content屬性來實現水平和垂直居中。例如：

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

2) 使用table布局
將父元素的display屬性設置為table，子元素的display屬性設置為table-cell，然后使用vertical-align屬性來實現垂直居中。

.container {
display: table;
}
.item {
display: table-cell;
vertical-align: middle; /* 垂直居中 */
}

3) 使用position和transform屬性
將元素的position屬性設置為absolute，top和left屬性設置為50%，然后使用transform屬性對元素進行位移。例如：

.item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 水平和垂直居中 */
}

這個例子中，元素的頂部和左側都在50%的位置，然后使用transform屬性向左上方移動元素的一半寬度和高度，就實現了元素的水平和垂直居中。
以上幾種方式都可以實現CSS居中，但使用時還需注意不同的應用場景和需求，選擇適合的方式。