在網頁設計中，居中是一個重要的排版問題。本文將介紹在 CSS 中如何設置居中。

首先，要讓一個元素水平居中，可以使用以下 CSS 代碼：

.element {
margin-left: auto;
margin-right: auto;
}

其中，margin-left: auto;和margin-right: auto;的組合可以實現水平居中。這種方式適用于絕大多數塊級元素。

對于內聯元素，可以使用以下 CSS 代碼來實現水平居中：

.element {
text-align: center;
}

接下來，我們來看如何讓一個元素垂直居中。如果該元素的高度已知，可以使用以下 CSS 代碼：

.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}

其中，top: 50%;將該元素的頂端向下移動了 50% 的高度。然后，使用transform: translateY(-50%);將元素向上移動 50% 的高度，從而實現垂直居中。

如果該元素的高度未知，可以使用以下 CSS 代碼來實現垂直居中：

.element {
display: flex;
justify-content: center;
align-items: center;
}

其中，display: flex;將該元素設置為彈性盒子。通過使用justify-content: center;和align-items: center;來使其水平居中和垂直居中。

總結一下，實現居中的方式有很多種，我們可以根據不同的情況選擇合適的方式，從而實現美觀的排版效果。