css中怎么把表格中的字居中

在网页中，表格是一种常见的元素，用来展示数据或布局页面。当表格中有文本内容时，我们通常希望这些文字能够居中显示，以美观和易读性。那么，在 CSS 中，如何实现表格中字居中呢？
首先，在每一个表格单元格中，我们可以用 CSS 属性 text-align 来设置内容的对齐方式。如果想要让文字居中，可以将该属性值设置为 center。比如，下面的代码可以让一个表格中所有文本居中：

html
<table>
  <tr>
    <td style="text-align:center">A</td>
    <td style="text-align:center">B</td>
  </tr>
  <tr>
    <td style="text-align:center">C</td>
    <td style="text-align:center">D</td>
  </tr>
</table> 

以上代码中，每个 td 元素都设置了 text-align:center 属性，使其中的文本内容水平居中显示。
同时，如果我们希望表格中的文字也能垂直居中，可以使用 vertical-align 属性。将其值设置为 middle，即可实现垂直居中。比如，下面的代码可以让一个表格中所有文本水平和垂直居中：

html
<table>
  <tr>
    <td style="text-align:center; vertical-align:middle">A</td>
    <td style="text-align:center; vertical-align:middle">B</td>
  </tr>
  <tr>
    <td style="text-align:center; vertical-align:middle">C</td>
    <td style="text-align:center; vertical-align:middle">D</td>
  </tr>
</table> 

同样，以上代码中，每个 td 元素都设置了 text-align:center 和 vertical-align:middle 属性，使其中的文本内容在水平和垂直方向上居中显示。
总之，在 CSS 中实现表格中字居中，主要是利用 text-align 和 vertical-align 属性来控制单元格中内容的对齐方式。如有需要，我们可以根据情况在不同的元素中添加这些属性，来实现想要的效果。