css設(shè)置文本居中

在網(wǎng)頁中，我們常常需要將文本居中顯示。這時，我們可以使用CSS來設(shè)置。

/*將文字水平居中*/
.center {
text-align: center;
}
/*將文字垂直和水平居中*/
.center-all {
display: flex;
justify-content: center;
align-items: center;
}

如果我們只需要將文字水平居中，我們可以對文字所在的容器（比如

）應(yīng)用以下CSS代碼：

.center {
text-align: center;
}

而如果我們需要將文字垂直和水平都居中，我們可以使用flex布局。具體來講，我們可以對容器應(yīng)用以下CSS代碼：

.center-all {
display: flex;
justify-content: center;
align-items: center;
}

其中，display: flex; 表示采用flex布局，justify-content: center; 表示將內(nèi)容水平居中，align-items: center; 則表示將內(nèi)容垂直居中。

這些CSS代碼可以應(yīng)用于不同的標(biāo)簽和容器，比如

、

等。