CSS中文字在按鈕中居中對(duì)齊的方法

在CSS中，我們可以使用多種方法將文字在按鈕中居中對(duì)齊，以下是一些常用的方法：

1、使用text-align屬性

我們可以將text-align屬性設(shè)置為center，這將使按鈕中的文字水平居中。

button {
  text-align: center;
}

2、使用line-height屬性

我們可以將line-height屬性設(shè)置為與按鈕高度相同的值，這將使文字在按鈕中垂直居中。

button {
  line-height: 30px; /* 假設(shè)按鈕高度為30px */
}

3、使用flexbox布局

我們可以將按鈕的顯示類型設(shè)置為flexbox，并使用justify-content和align-items屬性來(lái)控制文字的水平和垂直居中。

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

4、使用grid布局

我們還可以將按鈕的顯示類型設(shè)置為grid，并使用justify-content和align-items屬性來(lái)控制文字的水平和垂直居中。

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

是一些常用的方法，你可以根據(jù)自己的需求選擇適合的方法來(lái)實(shí)現(xiàn)文字在按鈕中的居中對(duì)齊。