CSS中，我們可以使用flex布局來(lái)將四個(gè)按鈕平均分布，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="button-container">
  <button>按鈕1</button>
  <button>按鈕2</button>
  <button>按鈕3</button>
  <button>按鈕4</button>
</div>

CSS代碼：

.button-container {
  display: flex;
  justify-content: space-between;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為button-container的div，用于容納四個(gè)按鈕，我們將display屬性設(shè)置為flex，使該容器成為彈性容器，我們使用justify-content屬性來(lái)控制按鈕之間的空間分配。space-between值表示在按鈕之間平均分配空間，使每個(gè)按鈕之間的間隔相等。

通過(guò)這種方法，我們可以輕松地將四個(gè)按鈕平均分布在容器中，實(shí)現(xiàn)美觀的排版效果，這種方法也具有良好的可伸縮性和響應(yīng)性，能夠適應(yīng)不同屏幕大小和分辨率的變化。