在前端開(kāi)發(fā)中，居中顯示是一個(gè)非常常見(jiàn)的需求。其中，CSS技術(shù)可以通過(guò)多種方式實(shí)現(xiàn)居中顯示。下面將介紹其中幾種常見(jiàn)方法。

/* 水平居中方法一：使用text-align */
.parent {
text-align: center;
}
.child {
display: inline-block;
}
/* 水平居中方法二：使用margin */
.parent {
position: relative; /* 必須要設(shè)置相對(duì)定位 */
}
.child {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
/* 垂直居中方法一：使用flexbox */
.parent {
display: flex;
justify-content: center;
align-items: center;
}
/* 垂直居中方法二：使用table-cell */
.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

以上是幾種常見(jiàn)的居中顯示方法，具體方法選擇應(yīng)根據(jù)具體的場(chǎng)景需求和瀏覽器兼容性進(jìn)行選擇。同時(shí)，應(yīng)該注意對(duì)父容器和子容器元素進(jìn)行合理的設(shè)置和清除浮動(dòng)等操作，以便保證實(shí)現(xiàn)居中效果的同時(shí)又不會(huì)對(duì)頁(yè)面布局帶來(lái)不良影響。