CSS三個按鈕怎么對齊？

在CSS中，您可以使用多種方法來對齊三個按鈕，以下是一種簡單的方法，使用Flexbox布局來實現(xiàn)：

1、創(chuàng)建一個包含三個按鈕的HTML結(jié)構。

<div class="button-container">
  <button class="button">按鈕1</button>
  <button class="button">按鈕2</button>
  <button class="button">按鈕3</button>
</div>

2、使用CSS的Flexbox布局來對齊這三個按鈕。

.button-container {
  display: flex;
  justify-content: space-between;
}
.button {
  width: 33.33%; /* 將每個按鈕的寬度設置為容器寬度的三分之一 */
}

在這個例子中，.button-container類使用display: flex;屬性來創(chuàng)建一個Flex容器。justify-content: space-between;屬性確保三個按鈕在容器中平均分布，并在兩側(cè)留出等量的空間，每個.button元素使用width: 33.33%;屬性來設置其寬度為容器寬度的三分之一，這樣可以確保三個按鈕在容器中水平對齊。

這只是一個簡單的示例，您可以根據(jù)自己的需求進行調(diào)整，例如更改按鈕的寬度、間距等，如果您需要更多的控制，例如垂直對齊或居中對齊，您可以使用其他CSS屬性來實現(xiàn)。