CSS布局對于網頁設計至關重要，一個好的布局可以讓網頁看起來美觀而整潔。在布局中，居中是一個常見的需求，下面介紹幾種實現方式。

/* 方法一：利用margin */
.center {
width: 300px;
height: 200px;
margin: auto; /* 上下左右都設置為auto */
}
/* 方法二：利用flex */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 方法三：利用絕對定位 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 方法四：利用table */
.table {
display: table;
margin: 0 auto;
}
.table .cell {
display: table-cell;
vertical-align: middle;
}

以上方法各有優缺點，需要根據實際需求來選擇具體的實現方式。常規情況下，使用margin或者flex即可滿足大部分需求。