📜  HTML |<tr>对齐属性(1)

📅  最后修改于: 2023-12-03 15:31:15.738000             🧑  作者: Mango

HTML | 对齐属性

在HTML表格中,使用 标签可以定义一个表格行。而对于表格行内的每一个单元格,我们可以使用对齐属性来实现文字或内容的对齐方式。

在HTML中,有三种对齐属性:

  • align(水平对齐方式)
  • valign(垂直对齐方式)
  • char(字符对齐方式)
align(水平对齐方式)

align 属性可以用来控制单元格内的内容在水平方向上的对齐方式,可用值有:

  • left:左对齐
  • center:居中对齐
  • right:右对齐
示例代码:
<table>
  <tr>
    <td align="left">左对齐</td>
    <td align="center">居中对齐</td>
    <td align="right">右对齐</td>
  </tr>
</table>
示例效果:
左对齐 居中对齐 右对齐
valign(垂直对齐方式)

valign 属性可以用来控制单元格内的内容在垂直方向上的对齐方式,可用值有:

  • top:顶部对齐
  • middle:居中对齐
  • bottom:底部对齐
示例代码:
<table>
  <tr>
    <td valign="top">顶部对齐</td>
    <td valign="middle">居中对齐</td>
    <td valign="bottom">底部对齐</td>
  </tr>
</table>
示例效果:
顶部对齐 居中对齐 底部对齐
char(字符对齐方式)

char 属性可以用来控制单元格内的内容相对于单元格起始位置的对齐方式。默认情况下,单元格中的内容会相对于单元格左侧边框对齐,而 char 属性可以使内容相对于指定字符对齐。

示例代码:
<table>
  <tr>
    <td char=".">字符对齐</td>
  </tr>
</table>
示例效果:
字符对齐

以上就是对HTML表格对齐属性的介绍,可以根据需要选择对应的属性来控制表格中单元格内容的对齐方式。