HTML <tr>标签的valign属性

HTML <tr>标签参考手册 HTML <tr>标签

示例

为表格中的各行分别设置不同的垂直对齐方式:

<table border="1" style="height:200px">
  <tr valign="middle">
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr valign="bottom">
    <td>一月</td>
    <td>100</td>
  </tr>
</table>

试一个 »

定义及用法

<tr>标签的valign属性用于按行设置单元格内容的垂直对齐方式。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<tr>标签的valign属性。


语法

<tr valign="value">

属性值

描述
top 内容顶端对齐
middle 内容居中对齐
bottom 内容底端对齐
baseline 基线对齐。设想你在画有水平横线的纸上是如何保持文字垂直位置的,基线(baseline)就是假想中的这样一条的横线。若一行中的某个单元格被设为基线对齐,那么这行中的其它所有单元格也都将按基线对齐。基线对齐(baseline)通常具有和底端对齐(bottom)一样的效果。不过,当文字的字体大小不一时,基线对齐更美观一些。请参见如下对比。

当字体大小不一时,底端对齐与基线对齐的对比:

valign="bottom"

valign="baseline"


HTML <tr>标签参考手册 HTML <tr>标签
粤ICP备11097351号-1