想要讓網頁上的元素居中是我們經常遇到的問題，今天介紹一些CSS實現居中的方法。

1. 橫向居中

.center {
margin: 0 auto; /* 設置左右 margin 值為 auto */
width: 200px; /* 設置寬度 */
}

說明：將元素水平居中，左右 margin 都設置為 auto 就可以了。

2. 垂直居中

2.1 內容高度已知的單行文本居中

.container {
height: 200px; /* 容器高度 */
line-height: 200px; /* 行高等于容器高度 */
text-align: center; /* 文本水平居中 */
}

說明：將文本的行高設置為容器的高度，并且將文本水平居中，就可以將文本垂直居中。

2.2 內容高度已知的多行文本居中

.container {
display: flex; /* 將容器設置為 flex 布局 */
align-items: center; /* 垂直居中 */
}

說明：將容器設置為 flex 布局，并將子元素垂直居中，就可以將多行文本垂直居中。

3. 橫縱都居中

.container {
display: flex; /* 將容器設置為 flex 布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

說明：將容器設置為 flex 布局，并將子元素水平、垂直居中，就可以將元素橫縱都居中。

總結：以上是實現居中效果的幾種方法，大家可以根據不同的場景選擇使用。