📌  相关文章
📜  HTML DOM TBody vAlign 属性(1)

📅  最后修改于: 2023-12-03 14:41:46.003000             🧑  作者: Mango

HTML DOM TBody vAlign 属性

简介

HTML DOM TBody vAlign 属性设置表格行中的单元格内容的垂直对齐方式，即垂直方向上的对齐方式。

语法
document.getElementById("myTable").tBodies[0].vAlign = "top|middle|bottom|baseline";
属性值
  • top - 单元格内容靠上对齐。
  • middle - 单元格内容居中对齐。
  • bottom - 单元格内容靠下对齐。
  • baseline - 单元格内容与基线对齐。
实例
<!DOCTYPE html>
<html>
<body>

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody vAlign="middle">
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>March</td>
      <td>$50</td>
    </tr>
  </tbody>
</table>

</body>
</html>

上面的实例中，tbody 标签设置了 vAlign 属性为 "middle"，即单元格内容垂直居中对齐。

注意事项
  • 该属性只能在 table 标签内的 tbody 标签上使用。
  • 该属性已经被废弃，建议使用 CSS 样式进行垂直对齐。
  • 在使用 CSS 进行垂直对齐时，可以使用 vertical-align 属性，或者通过设置 line-height 属性实现。
  • 垂直对齐是相对于 tbody 标签的高度而言的。

以上就是关于 HTML DOM TBody vAlign 属性的介绍。