参考资料

  1. HTML DOM单元格内容水平对齐
  2. HTML DOM 返回文档中的所有cookies的名称/值对 实例
  3. HTML DOM 返回图像映射的某个区域的hostname实例
  4. HTML DOM write() 和 writeln()的不同实例
  5. HTML DOM 用指定的ID弹出一个元素的innerHTML实例
  6. HTML DOM 返回图像映射某个区域的替代文字实例
  7. HTML DOM 返回和设置一个iframe中的scrolling属性的值
  8. HTML DOM 返回一个iframe中的longdesc属性的值

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：属性单元格内容水平标签表格动态样式用法实例