在CSS中，可以使用多種方法使按鈕寬度一致，以下是幾種常用的方法：

1、使用固定寬度：

通過為按鈕元素設置固定的寬度，可以確保所有按鈕的寬度相同。

```css

.button {

width: 100px;

}

```

2、使用百分比寬度：

將按鈕寬度設置為容器寬度的百分比，這樣按鈕寬度可以隨著容器寬度的變化而變化，但始終保持一致。

```css

.button {

width: 50%;

}

```

3、使用CSS Grid或Flexbox：

通過CSS Grid或Flexbox布局，可以輕松管理按鈕的寬度，并確保它們在各種屏幕尺寸上保持一致，使用Flexbox：

```css

.container {

display: flex;

}

.button {

flex: 1;

}

```

4、使用JavaScript：

通過JavaScript，可以動態(tài)計算并設置按鈕的寬度，以適應不同的屏幕寬度和分辨率。

```javascript

function setButtonWidth() {

var button = document.getElementById('myButton');

var containerWidth = document.getElementById('container').offsetWidth;

button.style.width = (containerWidth / 2) + 'px';

}

```

5、響應式設計：

通過響應式設計，可以根據(jù)屏幕大小自動調(diào)整按鈕的寬度，以保持界面的一致性和可用性。

```css

@media (max-width: 600px) {

.button {

width: 100%;

}

}

```

通過以上方法，可以有效地使按鈕寬度在CSS中保持一致，提升用戶體驗和界面美觀。