今天，我們來談談如何讓CSS表格行中的按鈕居中顯示。 首先，我們需要了解一下CSS的居中方式。CSS有三種居中方式：水平居中、垂直居中和水平垂直居中。在這里，我們只需要用到水平居中的方法。 我們可以在表格行中的按鈕外面包一個div，然后用CSS設置這個div為居中顯示。下面是示例代碼：

table {
width: 100%;
border-collapse: collapse;
}
td {
border: 1px solid #ccc;
padding: 10px;
}
.btn-container {
text-align: center;
}
.btn-container button {
display: inline-block;
}

在上面的代碼中，我們首先設置了表格的寬度為100%，并將邊框合并為一條線。然后，我們設置了單元格的邊框和內邊距。接著，我們創建了一個名為btn-container的class，并將按鈕容器的文本對齊設置為居中。最后，我們設置按鈕為inline-block，以使其水平居中顯示。 現在，我們可以在表格行中的按鈕外面包裹一下這個按鈕容器，然后就可以讓按鈕在其中水平居中了。

下面是示例代碼：

<table>
<tbody>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>
<div class="btn-container">
<button>按鈕</button>
</div>
</td>
</tr>
</tbody>
</table>

在上面的代碼中，我們將按鈕容器放在單元格的子元素中，并將按鈕放在容器中。現在，我們已經成功將按鈕水平居中了！ 總結一下，我們可以通過將按鈕放在居中對齊的div中來讓CSS表格行中的按鈕水平居中顯示。這些簡單的CSS技巧可以提高頁面的可讀性和用戶體驗，所以要好好掌握哦！