CSS 偽類元素是用于選擇元素的某些狀態(tài)或位置的特殊選擇器。其中，居中也是我們用得較多的一種，本文將詳細介紹幾種常用的 CSS 偽類元素居中方法。

/* 方案一：使用 flexbox 布局 */
.parent {
display: flex;
justify-content: center;
align-items: center;
}
/* 方案二：使用 position 和 transform */
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 方案三：使用 table 和 table-cell */
.parent {
display: table;
height: /* 父元素高度 */;
width: /* 父元素寬度 */;
}
.child {
display: table-cell;
text-align: center;
vertical-align: middle;
}
/* 方案四：使用 inline-block */
.parent {
text-align: center;
font-size: 0; /* 去除間隔 */
}
.child {
display: inline-block;
font-size: 16px; /* 恢復(fù)字體大小 */
vertical-align: middle;
}

以上這些方法都可以實現(xiàn) CSS 偽類元素居中，具體選擇哪種實現(xiàn)方式，根據(jù)實際情況選擇最為合適的。