CSS是現(xiàn)代前端開(kāi)發(fā)中最重要的一部分之一，它讓我們可以實(shí)現(xiàn)各種各樣的頁(yè)面效果。在很多情況下，我們需要居中子元素。這里介紹幾種CSS居中子元素的方法。

/* 方法一：使用flexbox布局 */
.parent {
display: flex;
justify-content: center; /* 將子元素水平居中 */
align-items: center; /* 將子元素垂直居中 */
}
/* 方法二：使用絕對(duì)定位和transform */
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 方法三：使用table和table-cell布局 */
.parent {
display: table;
}
.child {
display: table-cell;
text-align: center;
vertical-align: middle;
}

以上三種方法都可以實(shí)現(xiàn)子元素的居中，具體方法可以根據(jù)自己的需求選擇。