在Web開發中，一些控件的居中對于頁面布局和美觀性是非常重要的。CSS提供了多種方法來實現控件的居中，包括水平居中和垂直居中。

下面我們來介紹一下常用的CSS居中方法：

/* 水平居中 */
.container {
width: 500px;
margin: 0 auto;
/* 或 */
display: flex;
justify-content: center;
}
/* 垂直居中 */
.container {
height: 500px;
display: flex;
align-items: center;
/* 或 */
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 水平垂直居中 */
.container {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上方法可以適用于大部分控件，在實際開發中可以根據具體情況選擇使用哪種方法。