CSS文字居中顯示代碼怎么寫

在CSS中，要使文字居中顯示，可以使用多種方法，以下是一些常見的方法：

1、使用text-align屬性：將text-align屬性設(shè)置為center，可以將文本居中顯示。

p {
  text-align: center;
}

2、使用flex布局：使用flex布局，可以將文本居中顯示。

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

3、使用grid布局：使用grid布局，也可以將文本居中顯示。

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

4、使用position屬性：將position屬性設(shè)置為relative或absolute，并將left和top屬性設(shè)置為50%，可以將文本居中顯示。

p {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

是幾種常見的CSS文字居中顯示代碼示例，在實際應(yīng)用中，可以根據(jù)具體需求選擇適合的方法。