如何使用Bootstrap将表格文本放到中心？

在Bootstrap中，要将表格中的文本置于中心，需要使用text-center类。这个类可用于<table>元素本身或<td>元素中。

将整个表格的文本放到中心

要将整个表格的文本置于中心，您应该在<table>元素上使用text-center类。示例代码如下：

<table class="table text-center">
  <thead>
    <tr>
      <th>列标题1</th>
      <th>列标题2</th>
      <th>列标题3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>文本1</td>
      <td>文本2</td>
      <td>文本3</td>
    </tr>
    <tr>
      <td>文本4</td>
      <td>文本5</td>
      <td>文本6</td>
    </tr>
    <tr>
      <td>文本7</td>
      <td>文本8</td>
      <td>文本9</td>
    </tr>
  </tbody>
</table>

将表格中某列的文本放到中心

如果您只需要将特定列的文本置于中心，则需要在相应的<td>元素上使用text-center类。请注意，此处的<td>元素类名将覆盖<table>元素上的任何text-center类。示例代码如下：

<table class="table">
  <thead>
    <tr>
      <th>列标题1</th>
      <th>列标题2</th>
      <th>列标题3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>文本1</td>
      <td class="text-center">文本2</td>
      <td>文本3</td>
    </tr>
    <tr>
      <td>文本4</td>
      <td class="text-center">文本5</td>
      <td>文本6</td>
    </tr>
    <tr>
      <td>文本7</td>
      <td class="text-center">文本8</td>
      <td>文本9</td>
    </tr>
  </tbody>
</table>

总结

Bootstrap使文本置于表格中心非常简单。您可以在整个表格或单个单元格上应用text-center类，具体取决于您的需求。无论哪种方式，都可以轻松使表格文本居中显示。