参考资料

  1. HTML DOM添加表格行中的单元格
  2. HTML DOM改变表格边框的宽度
  3. HTML DOM 返回image的name
  4. HTML DOM 改变iframe的高度和宽度
  5. HTML DOM 返回加载的文档的服务器域名 实例
  6. HTML DOM 返回文档中的所有cookies的名称/值对 实例
  7. HTML DOM 返回一个button的value 实例
  8. HTML DOM 获取第一个链接ID的实例

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

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。