CSS中按鈕居中屬性 在網頁開發中，按鈕是不可避免的元素之一。而如何讓按鈕居中顯示也是我們經常需要處理的問題。下面就來介紹CSS中幾種按鈕居中屬性的寫法。 方法一：使用text-align屬性 text-align屬性通常用于文字對齊，但也可以用于按鈕等塊級元素的對齊。我們可以將包裹按鈕的容器div設置text-align:center屬性，從而使內部的按鈕水平居中。 代碼如下：

<div style="text-align:center">
<button>按鈕</button>
</div>

方法二：使用margin屬性 如果我們已經知道了按鈕寬度，就可以使用margin屬性進行居中。我們可以通過計算左右margin的值來實現居中效果。 代碼如下：

<button style="margin:0 auto">按鈕</button>

方法三：使用display:flex屬性 display:flex屬性可以使元素按照行或列堆疊。我們可以將按鈕的容器div設置為display:flex，然后使用justify-content和align-items屬性來使按鈕居中。 代碼如下：

<div style="display:flex;justify-content:center;align-items:center">
<button>按鈕</button>
</div>

總結 以上就是幾種常用的CSS按鈕居中方法。不同的方法適用于不同的情況，根據實際需求選擇合適的方法可以更好地讓按鈕居中。