標(biāo)題：使用 CSS 讓按鈕中的文字居中

隨著網(wǎng)頁(yè)設(shè)計(jì)的不斷發(fā)展，按鈕已經(jīng)成為網(wǎng)頁(yè)中不可或缺的元素之一。按鈕通常用于按鈕式操作，如搜索、查看、下載等。但是，有時(shí)候我們需要讓按鈕中的文字居中，以便更好地顯示按鈕的標(biāo)題。

在 CSS 中，我們可以使用 `text-align: center` 屬性來(lái)將按鈕中的文字居中。下面是一個(gè)示例代碼：

```html

<button style="text-align: center;">居中按鈕</button>

在上面的代碼中，我們將按鈕的 `style` 屬性設(shè)置為 `text-align: center`，這樣按鈕中的文字就會(huì)居中顯示。

除了使用 `text-align: center` 屬性，我們還可以使用其他 CSS 屬性來(lái)將按鈕中的文字居中，例如 `margin: 0 auto` 和 `display: inline-block`。下面是兩個(gè)示例代碼：

```html

<button style="margin: 0 auto; display: inline-block;">居中按鈕</button>

<button style="text-align: center; display: inline-block;">居中按鈕</button>

在上面的代碼中，我們將按鈕的 `style` 屬性設(shè)置為 `margin: 0 auto; display: inline-block`，這樣按鈕中的文字就會(huì)同時(shí)居中和垂直居中。

需要注意的是，使用 `display: inline-block` 屬性可以使按鈕中的文本與其他元素中的文本對(duì)齊，但可能會(huì)導(dǎo)致按鈕的大小改變。如果需要保持按鈕的大小不變，可以使用 `display: inline` 屬性并將其轉(zhuǎn)換為 `display: inline-block`。下面是兩個(gè)示例代碼：

```html

<button style="display: inline; text-align: center;">居中按鈕</button>

<button style="display: inline-block; text-align: center;">居中按鈕</button>

在上面的代碼中，我們將按鈕的 `style` 屬性設(shè)置為 `display: inline; text-align: center`，這樣按鈕中的文字就會(huì)同時(shí)居中和垂直居中，而按鈕的大小保持不變。

使用 CSS 讓按鈕中的文字居中是一個(gè)簡(jiǎn)單的方法，可以使按鈕更美觀，同時(shí)也可以使按鈕的操作更加方便。