CSS控制網頁元素的居中位置是很常見的需求。下面就介紹幾種CSS居中元素的方法：

/* 水平居中文本 */
.text-center {
text-align: center;
}
/* 水平居中塊級元素 */
.block-center {
width: 50%;
margin: 0 auto;
}
/* 水平垂直居中元素 */
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 水平垂直居中元素（flex布局） */
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}

第一個方法是通過text-align屬性實現文字水平居中。第二個方法是通過設置元素的寬度和左右margin為auto來實現塊級元素水平居中。第三個方法是通過設置元素的position為absolute，然后通過top、left和transform屬性來實現水平垂直居中。第四個方法是通過flex布局的justify-content和align-items屬性來實現水平垂直居中。

以上幾種方法都是實現元素居中的常用方法，根據不同的需求選擇相應的方法即可。