如何用CSS對齊按鈕

在CSS中，對齊按鈕可以通過使用flexbox布局來實現(xiàn)，F(xiàn)lexbox是一種靈活的布局方式，可以輕松地實現(xiàn)元素的水平和垂直對齊。

你需要將按鈕所在的容器設(shè)置為flex容器，這可以通過在容器元素上添加display: flex屬性來實現(xiàn)，你可以使用justify-content屬性來水平對齊按鈕，使用align-items屬性來垂直對齊按鈕。

如果你想要將兩個按鈕水平居中并垂直對齊，你可以這樣寫CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button {
  /* 按鈕的樣式 */
}

在上面的代碼中，.container是按鈕所在的容器，.button是按鈕的樣式，通過給.container添加display: flex屬性，我們將容器設(shè)置為flex容器，使用justify-content: center來水平居中按鈕，使用align-items: center來垂直對齊按鈕。

如果你想要將按鈕排列成一行并水平對齊，你可以使用flex-direction: row來設(shè)置按鈕的方向，并使用justify-content: space-between來平均分配按鈕之間的空間。

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.button {
  /* 按鈕的樣式 */
}

在上面的代碼中，我們通過flex-direction: row將按鈕排列成一行，并使用justify-content: space-between來平均分配按鈕之間的空間，這樣，按鈕就會水平對齊并排列成一行。

使用CSS對齊按鈕非常簡單，只需要掌握flexbox布局的基本用法即可實現(xiàn)。