CSS中提供了多種方式讓塊元素居中，下面將介紹其中三種比較常用的方式。

第一種方式是使用margin屬性，將左右margin設置為auto，上下margin設置為0，這樣可以讓塊元素水平居中。例如：

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

第二種方式是使用position屬性，將塊元素的左右、上下兩個方向都設置為50%，然后再將左右margin設置為元素寬度的一半，上下margin設置為元素高度的一半，即可實現居中效果。例如：

.box {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -100px;
}

第三種方式是使用flex布局，將容器設置為display: flex，然后將容器中的元素設置為margin: auto，這樣將會使元素在容器中水平和垂直都居中。例如：

.container {
width: 500px;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 200px;
height: 200px;
margin: auto;
}

以上是三種比較常用的方式，具體使用哪種方式取決于具體情況，可以根據需要選擇最合適的方式來實現塊居中。