HTML | DOM TableRow align 属性

简介

在 HTML 表格中，<tr> 表示表格的行，可使用 align 属性来指定表格行的水平对齐方式。

语法

<tr align="left|center|right|justify|char">

取值

• left：默认值，左对齐。
• center：居中对齐。
• right：右对齐。
• justify：两端对齐，在行首和行尾添加额外空格。
• char：使用 char 属性指定的字符对齐。char 属性值默认为 " ". 如果 char 属性值没有设置，则 align 属性值将被忽略。

示例

<table>
  <tr>
    <td>文本1</td>
    <td>文本2</td>
    <td>文本3</td>
  </tr>
  <tr align="left">
    <td>左对齐文字</td>
    <td>左对齐文字</td>
    <td>左对齐文字</td>
  </tr>
  <tr align="center">
    <td>居中文字</td>
    <td>居中文字</td>
    <td>居中文字</td>
  </tr>
  <tr align="right">
    <td>右对齐文字</td>
    <td>右对齐文字</td>
    <td>右对齐文字</td>
  </tr>
  <tr align="justify">
    <td>两端对齐文字</td>
    <td>两端对齐文字</td>
    <td>两端对齐文字</td>
  </tr>
  <tr align="char" char="x">
    <td>使用 x 字符对齐</td>
    <td>使用 x 字符对齐</td>
    <td>使用 x 字符对齐</td>
  </tr>
</table>

效果如下：

注意事项

• 使用 align 属性仅仅影响当前行的文本内容，不影响此行的表格单元格边界。
• 该属性不可继承，需要在每个 tr 标签中都进行设置。
• 该属性已经被 HTML5 废弃，在 HTML5 中，更推荐使用 CSS 样式进行水平对齐。