HTML <thead> char 属性

在HTML表格中，<thead>元素用于定义表格的表头部分，其中包含表格的标题行。<thead>元素可以包含一个或多个行（<tr>元素），每行可以包含一个或多个单元格（<th>元素）。

在<th>元素中，我们可以使用char属性来定义单元格中文本的对齐方式。char属性可以取三个值：left、center和right，分别表示文本在单元格中的左对齐、居中对齐和右对齐。

下面我们来看一些示例代码，演示如何使用char属性来控制表头单元格中文本的对齐方式。

左对齐

// www.javascriptcn.com code example
<table>
  <thead>
    <tr>
      <th char="left">Name</th>
      <th char="left">Age</th>
      <th char="left">Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>25</td>
      <td>john.doe@example.com</td>
    </tr>
    <tr>
      <td>Jane Smith</td>
      <td>30</td>
      <td>jane.smith@example.com</td>
    </tr>
  </tbody>
</table>

在上面的示例中，表头单元格中文本采用左对齐方式显示。

居中对齐

// www.javascriptcn.com code example
<table>
  <thead>
    <tr>
      <th char="center">Name</th>
      <th char="center">Age</th>
      <th char="center">Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>25</td>
      <td>john.doe@example.com</td>
    </tr>
    <tr>
      <td>Jane Smith</td>
      <td>30</td>
      <td>jane.smith@example.com</td>
    </tr>
  </tbody>
</table>

在上面的示例中，表头单元格中文本采用居中对齐方式显示。

右对齐

// www.javascriptcn.com code example
<table>
  <thead>
    <tr>
      <th char="right">Name</th>
      <th char="right">Age</th>
      <th char="right">Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>25</td>
      <td>john.doe@example.com</td>
    </tr>
    <tr>
      <td>Jane Smith</td>
      <td>30</td>
      <td>jane.smith@example.com</td>
    </tr>
  </tbody>
</table>

在上面的示例中，表头单元格中文本采用右对齐方式显示。

通过使用char属性，我们可以轻松地控制表格中表头单元格中文本的对齐方式，使表格更加美观和易读。希望本文对您有所帮助！