在開發網站時，經常會使用表格來展示數據，而在表格中添加按鈕往往是必要的。但是，有時候我們會發現，在表格中添加按鈕時，按鈕的寬度無法正常改變。這個問題的解決其實很簡單，只需要使用CSS中的一些技巧就可以了。

table {
table-layout: fixed;
}
td {
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
button {
width: 100%;
padding: 5px;
box-sizing: border-box;
}

如上代碼所示，我們首先需要在表格的CSS樣式中設置table-layout為fixed，這樣可以確保在列寬不同的情況下，表格能夠正確展示。接下來，我們需要對td標簽進行設置，使用width固定寬度，并且為了防止文字溢出，使用white-space: nowrap和overflow: hidden將文字隱藏起來。同時，使用text-overflow: ellipsis在文字溢出時用省略號代替。

對于按鈕，我們需要設置width為100%，這樣就可以根據容器的寬度進行適應。同時，由于padding也會影響按鈕的寬度，我們需要使用box-sizing: border-box將padding計入寬度內，確保寬度計算正確。

通過以上的設置，我們就可以在表格中正常展示按鈕，并且實現寬度自適應了。