CSS是網頁設計中非常重要的一部分，其中布局設計是最核心的內容之一。在網頁中設置按鈕在一行是非常常見的需求，今天我們就來看看如何用CSS實現這個功能。

.button-group {
display: flex; /*使用flex布局*/
justify-content: center; /*使按鈕居中*/
}
.button {
padding: 10px 20px; /*設置按鈕內邊距*/
margin: 0 10px; /*設置按鈕之間的間距*/
background-color: #f1f1f1; /*設置按鈕背景顏色*/
border: none; /*去除按鈕邊框*/
border-radius: 5px; /*設置按鈕圓角*/
font-size: 16px; /*設置按鈕字體大小*/
cursor: pointer; /*鼠標指針變為手指*/
}

以上代碼中，首先我們創建了一個名為button-group的類，然后將這個類設置為flex布局并且居中顯示。接著我們創建了一個名為button的類，樣式包括內邊距、間距、背景顏色、邊框、圓角、字體大小和鼠標指針等。最后，我們只需要將按鈕放在同一個button-group的容器中，就能實現多個按鈕在同一行顯示。