参考资料

  1. HTML DOM 重置表单
  2. HTML DOM 返回一个表单中所有元素的value 实例
  3. HTML DOM 返回和设置链接的hreflang属性实例
  4. HTML DOM 返回一个iframe中的longdesc属性的值
  5. HTML DOM shift键被按下了吗？
  6. HTML DOM 返回文档中的所有cookies的名称/值对 实例
  7. HTML DOM 给image加上border
  8. HTML DOM为表格创建一个标题

HTML DOM 单元格内容水平对齐

标签：


用法：

  1. 直接在表格单元格标签中使用align属性

  2. 通过JavaScript动态设置

属性值：

  • left：左对齐（默认）

  • center：居中对齐

  • right：右对齐

  • justify：两端对齐

实例：

<table>
  <tr>
    <td align="left">左对齐</td>
    <td align="center">居中对齐</td>
    <td align="right">右对齐</td>
  </tr>
</table>

JavaScript设置方法：

document.getElementById("cell1").align = "center";

CSS扩展：

  1. 使用text-align属性替代align属性

td {
  text-align: center;
}

  1. 类选择器

.right-align {
  text-align: right;
}

  1. 行内样式

<td style="text-align: right">内容</td>

功能：

  1. 控制单元格内容的水平显示位置

  2. 提高表格数据的可读性

  3. 实现统一的对齐样式

  4. 支持动态修改对齐方式

TAG：属性单元格内容水平标签表格动态样式用法实例