CSS中實現文字上下左右都居中可以讓我們的網頁設計更加美觀。在某些情況下，我們需要將文字垂直和水平居中對齊。在這篇文章中，我們將介紹如何使用CSS實現文字的上下左右都居中。

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

以上CSS代碼使用flex布局，讓文字水平和垂直居中，并讓文字在容器中居中對齊。接下來，我們將介紹如何使用其他CSS屬性實現這個效果。

文字在容器中水平居中

.center {
text-align: center;
}

以上CSS代碼使用text-align屬性使文字在容器中水平居中。這種方法比較簡單，但只對單行和多行文本起作用。

文字在容器中垂直居中

.center {
display: flex;
align-items: center;
}

以上CSS代碼使用flex布局，讓文字在容器中垂直居中。這種方法對單行和多行文本都有效，但對于多行文本需要設置容器的高度。

文字在容器中上下左右都居中

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

以上CSS代碼將文字在容器中上下左右都居中。使用text-align屬性使文字在容器中水平居中，使用flex布局讓文字在容器中垂直居中，并讓文字在容器中居中對齊。

以上就是CSS實現文字上下左右都居中的幾種方法。根據不同的情況選擇相應的方法，讓我們的網頁設計更加美觀。