在HTML中，如何讓按鈕圖片居中呢？這是一個常見的問題。在本文中，我們將介紹一些方法來實現(xiàn)這個目標。 首先，在HTML中創(chuàng)建按鈕時，我們通常使用如下代碼：

<button>
<img src="button.png" alt="Button">
</button>

要居中按鈕圖片，我們可以使用CSS來設置該按鈕的樣式。下面是一個使用flexbox布局的示例：

<style>
button {
display: flex;
justify-content: center;
align-items: center;
}
</style>
<button>
<img src="button.png" alt="Button">
</button>

在這個示例中，我們給按鈕的CSS屬性添加了flexbox布局，并使用justify-content和align-items屬性分別使圖片在水平和垂直方向上居中對齊。 如果您更喜歡使用傳統(tǒng)的CSS居中方法，可以在按鈕元素的CSS樣式中添加以下代碼：

button img {
display: block;
margin: 0 auto;
}

這將使圖片在其包含元素中居中對齊。 總之，我們可以使用CSS來設置HTML中的按鈕圖片居中，無論是使用flexbox布局還是傳統(tǒng)的CSS居中方法。希望這篇文章能對你有所幫助。