HTML5作為一種強大的網頁開發語言已經深受廣大開發者的喜愛。在實際開發過程中，經常會涉及到按鈕的制作與居中。本文將介紹如何使用HTML5設置按鈕居中以及實現的簡單代碼。

首先，我們需要了解HTML5中的居中方式。

text-align: center;
margin: auto;

其中，第一種方式是通過將文本居中的方式實現按鈕的居中。它可以用于設置行內元素和塊級元素，但對于浮動元素無法生效，所以在使用時需要加以注意。

第二種方式則是使用CSS的margin屬性實現按鈕的居中?？梢杂糜谠O置任何元素的居中，無論是行內元素、塊級元素還是浮動元素。

接下來，我們將介紹HTML5如何使用這兩種方式設置按鈕居中。

使用text-align: center;的代碼如下：

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

使用margin: auto;的代碼如下：

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

需要注意的是，使用margin屬性時，必須將元素的display屬性設置為block，否則margin將無法生效。

以上就是HTML5設置按鈕居中的兩種方式以及簡單代碼的介紹。希望對廣大開發者有所幫助！