在 CSS 中，我們可以使用 `居中` 屬性來(lái)將按鈕或任何其他元素居中。這個(gè)屬性可以應(yīng)用于 HTML 元素，包括按鈕。
下面是一個(gè)簡(jiǎn)單的例子，展示了如何使用 CSS 將按鈕居中：
```html
<button style="display: flex; text-align: center;">居中按鈕</button>
在上面的代碼中，我們使用了 `display: flex` 屬性來(lái)將按鈕轉(zhuǎn)換為一個(gè) Flexbox 元素。然后，我們使用 `text-align: center` 屬性來(lái)將按鈕的文本居中。
除了使用 Flexbox，我們也可以使用 `justify-content: center` 和 `align-items: center` 屬性來(lái)將元素居中。這些方法的區(qū)別在于它們應(yīng)用于哪個(gè)軸。例如，`justify-content: center` 應(yīng)用于水平和垂直軸，而 `align-items: center` 應(yīng)用于水平和垂直軸。
下面是另一個(gè)例子，展示了如何使用 CSS 將一個(gè)表格單元格居中：
```html
<table>
<tr>
<td>單元格 1</td>
<td>單元格 2</td>
</tr>
<tr>
<td>單元格 3</td>
<td>單元格 4</td>
</tr>
</table>
在上面的代碼中，我們使用了 `display: flex` 屬性來(lái)將表格轉(zhuǎn)換為一個(gè) Flexbox 元素。然后，我們使用 `justify-content: center` 屬性來(lái)將表格單元格居中。
我們還可以使用 `align-items: center` 屬性來(lái)同時(shí)居中兩個(gè)單元格。例如，如果我們想要將單元格 1 和 2 同時(shí)居中，我們可以這樣寫(xiě)：
```html
<table>
<tr>
<td>單元格 1</td>
<td>單元格 2</td>
</tr>
<tr>
<td>單元格 3</td>
<td>單元格 4</td>
</tr>
<tr>
<td>單元格 1</td>
<td>單元格 2</td>
</tr>
</table>
在上面的代碼中，我們使用了 `display: flex` 屬性來(lái)將表格轉(zhuǎn)換為一個(gè) Flexbox 元素。然后，我們使用 `justify-content: center` 和 `align-items: center` 屬性來(lái)將表格單元格同時(shí)居中。
總之，CSS 可以使我們?cè)谠O(shè)計(jì)和布局中更容易地居中元素。通過(guò)使用 `居中` 屬性，我們可以輕松地將按鈕或其他元素居中。