標題：CSS按鈕 居中

CSS按鈕是一種常見的網頁組件，可以用于實現自定義按鈕、表單等。使用CSS實現按鈕居中是一種常見的做法。本文將介紹如何使用CSS實現按鈕居中。

按鈕居中的基本原理是將按鈕的文本內容通過CSS的text-align屬性居中，然后將按鈕的樣式應用到父元素的居中容器上。具體步驟如下：

1. 創建按鈕元素并設置text-align屬性為center。

```css

button {

text-align: center;

2. 創建一個居中容器元素，并設置其text-align屬性為center。

```css

.居中容器 {

text-align: center;

3. 將按鈕的父元素設置為居中容器。

```css

.parent {

display: flex;

justify-content: center;

align-items: center;

4. 將按鈕的樣式應用到父元素的居中容器中。

```css

.parent button {

display: flex;

justify-content: center;

align-items: center;

通過以上步驟，我們可以使用CSS實現按鈕居中。這種方法簡單易懂，適用于各種應用場景。需要注意的是，如果按鈕的元素內有其他非文本元素，需要將這些元素也居中，否則按鈕可能會出現在屏幕左上角。