標題：表格文字始終居中的CSS技巧

隨著網站開發的不斷發展，表格已經成為了我們日常工作和學習中不可或缺的一部分。然而，有時候我們需要讓表格中的文本始終居中，而不是隨著表格的大小而左右浮動。這時，使用CSS的居中技巧就派上用場了。

下面是幾種讓表格文字始終居中的CSS技巧：

技巧1：使用`table-cell`屬性

`table-cell`屬性可以讓單元格中的文本始終居中。具體使用方法如下：

```css

table {

border-collapse: collapse;

th, td {

border: 1px solid #ccc;

text-align: center;

上述代碼中，`th`和`td`分別是表頭和單元格的類名，`border`屬性讓單元格邊框更清晰，`text-align`屬性讓單元格中的文本始終居中。

技巧2：使用`table-caption`屬性

`table-caption`屬性可以讓表格的標題始終居中。具體使用方法如下：

```css

table {

border-collapse: collapse;

th, td {

border: 1px solid #ccc;

text-align: center;

table-caption {

display: block;

text-align: center;

margin-top: 10px;

上述代碼中，`table-caption`屬性讓表格的標題顯示為塊級元素，`display`屬性設置為`block`，并且設置了`margin-top`屬性讓標題居中。

技巧3：使用`display: flex`

`display: flex`可以讓表格的父元素轉換為一個 Flexbox 容器，從而可以靈活控制子元素的布局。具體使用方法如下：

```css

table {

display: flex;

flex-direction: column;

th, td {

flex: 1;

text-align: center;

上述代碼中，`table`元素設置為`display: flex`,`flex-direction`屬性設置為`column`，從而讓子元素轉換為一個 Flexbox 容器。`th`和`td`分別設置了子元素的`flex`屬性，讓單元格中的文本始終居中。

以上是幾種讓表格文字始終居中的CSS技巧，通過這些方法，我們可以輕松地讓表格中的文本始終居中。