css中表格单元中文字居中

在CSS中，如果你想要让表格单元格（td或th）中的文本水平垂直居中，你可以使用以下几种方法：

1. **`text-align: center;`**：这将使得单元格内所有文本水平居中对齐。

   td {
     text-align: center;
   }

2. **`vertical-align: middle;`**：配合`display: table-cell;`使用，可以使行内元素在单元格里垂直居中。如果单元格本身就是块级元素，则需要设置其父元素（如tr）的`display: table-row;`。

   td, th {
     display: table-cell;
     vertical-align: middle;
   }

3. 对于Bootstrap等响应式框架中的表格，可以使用`.table-responsive`容器，并配合`.table-centered`类来居中表头和数据行。

   <div class="table-responsive">
     <table class="table table-centered">
       <!-- ... -->
     </table>
   </div>

   .table-centered thead tr,
   .table-centered tbody tr {
     vertical-align: middle;
   }