要將CSS按鈕放在中間，您可以使用CSS的flexbox布局或grid布局來實現(xiàn)，這兩種布局都可以將元素在容器內(nèi)居中顯示。

我們需要創(chuàng)建一個包含按鈕的HTML結(jié)構(gòu)，我們可以使用以下代碼來創(chuàng)建一個簡單的按鈕：

<div class="container">
  <button class="my-button">點擊我</button>
</div>

我們可以使用CSS的flexbox布局來將按鈕居中顯示，我們可以將容器的display屬性設(shè)置為flex，并使用justify-content和align-items屬性來分別控制水平和垂直方向的居中顯示：

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

我們也可以使用CSS的grid布局來實現(xiàn)將按鈕居中顯示，我們可以將容器的display屬性設(shè)置為grid，并使用place-items屬性來同時控制水平和垂直方向的居中顯示：

.container {
  display: grid;
  place-items: center;
}

無論您選擇哪種布局方式，都可以輕松地將CSS按鈕放在中間，為了確保按鈕在容器中能夠正確地顯示，您還需要注意設(shè)置容器的寬度和高度，以及按鈕的寬度和高度等樣式屬性。