本文目錄導(dǎo)讀：

1. 使用flexbox布局
2. 使用grid布局
3. 使用text-align屬性

CSS控制Label文字居中顯示的方法

在CSS中，我們可以使用多種方法使Label中的文字居中顯示，下面我們將介紹幾種常用的方法。

使用flexbox布局

Flexbox布局是一種非常強(qiáng)大的布局方式，可以輕松地使Label中的文字居中顯示，我們可以將Label的父元素設(shè)置為flex容器，并使用justify-content和align-items屬性來分別控制水平和垂直方向的居中。

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

使用grid布局

Grid布局是另一種強(qiáng)大的布局方式，也可以使Label中的文字居中顯示，我們可以將Label的父元素設(shè)置為grid容器，并使用justify-content和align-content屬性來分別控制水平和垂直方向的居中。

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

使用text-align屬性

除了上述兩種方法外，我們還可以直接使用text-align屬性來控制Label中的文字水平居中顯示。

.label {
  text-align: center;
}

需要注意的是，這種方法只能控制水平方向的居中，對(duì)于垂直方向的居中顯示可能需要結(jié)合其他方法來實(shí)現(xiàn)。