CSS居中是網(wǎng)頁(yè)設(shè)計(jì)中比較常見(jiàn)的操作，以下是幾種居中的方法。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
}
/* 垂直居中 */
.container {
display: flex;
align-items: center;
}
/* 水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 水平居中，文本居左 */
.container {
text-align: center;
}
.container p {
display: inline-block;
text-align: left;
}
/* 水平居中，文本居右 */
.container {
text-align: center;
}
.container p {
display: inline-block;
text-align: right;
}
/* 水平居中，固定寬度元素 */
.container {
position: relative;
text-align: center;
}
.container p {
position: absolute;
width: 200px;
left: 50%;
transform: translateX(-50%);
}