CSS3中，可以使用多種方法將按鈕中的圖片居中顯示，以下是一些常用的方法：

1、使用flex布局：

<div style="display: flex; justify-content: center; align-items: center;">
  <button>
    <img src="圖片路徑" style="max-width: 100%; max-height: 100%;" />
  </button>
</div>

這種方法利用flex布局的特性，將按鈕中的圖片水平和垂直居中。

2、使用grid布局：

<div style="display: grid; justify-content: center; align-items: center;">
  <button>
    <img src="圖片路徑" style="max-width: 100%; max-height: 100%;" />
  </button>
</div>

這種方法利用grid布局的特性，同樣可以將按鈕中的圖片水平和垂直居中。

3、使用text-align屬性：

<div style="text-align: center;">
  <button>
    <img src="圖片路徑" style="max-width: 100%; max-height: 100%;" />
  </button>
</div>

這種方法利用text-align屬性將按鈕中的圖片水平居中，注意，這種方法只能實現(xiàn)水平居中，如果需要垂直居中，可以結(jié)合其他方法或?qū)傩詠韺崿F(xiàn)。

4、使用position屬性：

<div style="position: relative;">
  <button style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
    <img src="圖片路徑" style="max-width: 100%; max-height: 100%;" />
  </button>
</div>

這種方法利用position屬性將按鈕中的圖片***定位到容器的中心位置，注意，這種方法需要手動計算top和left值，以確保圖片能夠居中顯示，還需要使用transform屬性對圖片進行微調(diào)，以達到***的居中效果。