在CSS中，居中是經常用到的一種排版方式，下面介紹兩種常用的居中方式。

.center-block {
display: block;
margin: 0 auto;
/* 設置寬度才能居中 */
width: 200px;
}

第一種居中方式是使用margin和display屬性。首先，將元素的display屬性設置為block，然后將左右margin值設置為auto，這樣就能使元素水平居中。但是需要注意的是，在這種方式下，元素的寬度必須定義。

.parent {
display: flex;
justify-content: center;
align-items: center;
 }
.child {
/* 設置尺寸才能居中 */
width: 200px;
height: 100px;
 }

第二種居中方式是使用flex布局。將父元素的display屬性設置為flex，并通過justify-content和align-items屬性分別設置橫向和縱向居中。而在子元素上，則可以根據需要設置寬度和高度。此種方式相較于第一種方式，不需要定義元素的寬度，更加靈活。