在CSS中，讓文字居中顯示是一個常見的需求，以下是一些方法和技巧，幫助你實(shí)現(xiàn)文字居中：

1. 水平居中

在CSS中，可以使用text-align屬性來使文本水平居中。

.container {
  text-align: center;
}

2. 垂直居中

垂直居中文字稍微復(fù)雜一些，因?yàn)镃SS沒有直接的屬性來實(shí)現(xiàn)垂直居中，不過，你可以使用line-height屬性來使單行文本垂直居中：

.container {
  height: 50px;
  line-height: 50px;
}

3. 居中塊級元素

如果你有一個塊級元素（如div），并希望其內(nèi)容在元素內(nèi)部居中，可以使用flex布局：

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

4. 居中圖片和多媒體內(nèi)容

對于圖片和多媒體內(nèi)容，可以使用object-fit屬性來使其內(nèi)容在容器內(nèi)居中：

.container {
  width: 200px;
  height: 200px;
}
.container img {
  object-fit: cover;
}

5. 使用CSS Grid布局

CSS Grid布局也提供了強(qiáng)大的居中功能：

.container {
  display: grid;
  justify-content: center;
  align-items: center;
}

水平居中：使用text-align: center;

垂直居中：對于單行文本，使用line-height: [容器高度];；對于塊級元素，使用flex或grid布局。

圖片和多媒體內(nèi)容：使用object-fit: cover;在容器內(nèi)居中。

希望這些方法能幫助你在CSS中輕松實(shí)現(xiàn)文字居中顯示。