在網頁設計中，居中是一種非常常見的布局方式。在CSS中，有很多種實現(xiàn)居中的方式，今天我們將介紹其中的四種。

/* 第一種方式：使用text-align屬性 */
.centered {
text-align: center;
}
/* 第二種方式：使用absolute定位 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 第三種方式：使用table和table-cell屬性 */
.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
text-align: center;
}
/* 第四種方式：使用flexbox */
.parent {
display: flex;
justify-content: center;
align-items: center;
}

這四種方式各有特點，在實際應用中可以根據(jù)具體場景選擇適合的方式。其中，第一種方式簡單易懂，但只適用于居中文本內容；第二種方式可以用于任何元素的居中，但需要用到絕對定位和transform屬性；第三種方式也適用于任何元素的居中，但需要用到table和table-cell屬性；第四種方式是使用flexbox布局，非常適合用于居中元素及其周圍的其他元素。