在CSS中，由于布局和位置的各種需求，定位元素居中成為非常常見的要求。目前，CSS定位元素居中方式有多種，下面將介紹幾種比較常用的方法。

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

使用Flex屬性可以輕松實現元素水平居中和垂直居中。在父元素設置display: flex;之后，使用justify-content和align-items兩個屬性分別設置水平和垂直方向上的居中方式即可。

.centered {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

采用相對定位和transform屬性的方式，可以將元素在水平和垂直方向上均居中。通過將元素的左上角定位到父元素的中心點，然后使用translate屬性調整元素位置即可。

.centered {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}

使用絕對定位和margin屬性的方式，可以將元素在水平和垂直方向上均居中。設置元素的左上角定位到父元素的中心點，然后通過調整元素的margin屬性來使其居中。

總之，以上三種方法都是在實現元素的居中定位中常用的方法。根據實際需求和實現難易程度選擇合適的方法即可。