jQuery Mobile 是一個專門用于移動設備的 JavaScript 框架，可以為開發人員提供一整套 UI 組件。其中有一種常用組件就是按鈕了。但是，當我們使用 jQuery Mobile 創建按鈕時，有時會遇到一個問題，那就是如何使按鈕居中顯示。接下來我將詳細介紹如何實現這一操作。 首先，在 HTML 中定義一個按鈕:

<div data-role="content">
<a href="#" data-role="button">Click Me</a>
</div>

其中，`data-role="button"`告訴 jQuery Mobile 這是一個按鈕。 接下來，我們可以為這個按鈕添加樣式來實現居中顯示，代碼如下:

<div data-role="content">
<a href="#" data-role="button" style="display: block; margin: 0 auto;">Click Me</a>
</div>

其中，`display: block;`將按鈕設置為塊級元素，這樣就可以設置寬度和高度。`margin: 0 auto;`將按鈕水平居中，因為左右外邊距都被設置為自動。 如果您的按鈕非常大，可能需要將按鈕的寬度設為固定的值，代碼如下:

<div data-role="content">
<a href="#" data-role="button" style="display: block; margin: 0 auto; width: 200px;">Click Me</a>
</div>

其中，`width: 200px;`將按鈕寬度設置為固定值200像素。 總之，通過添加樣式，我們可以輕松居中顯示 jQuery Mobile 按鈕。希望這篇文章能對您有所幫助。