HTML <tfoot>标签的valign属性

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

示例

在HTML表格中,将<tfoot>中内容的垂直对齐方式设为底部对齐:

<table border="1" width="100%">
    <tr>
      <th>月份</th>
      <th>存款</th>
    </tr>
    <tr>
      <td>一月</td>
      <td>100</td>
    </tr>
    <tr>
      <td>二月</td>
      <td>80</td>
    </tr>
  <tfoot valign="bottom">
    <tr>
      <td>总计</td>
      <td>180</td>
    </tr>
  </tfoot> 
</table>

试一个 »

定义及用法

<tfoot>标签的valign属性用于指出<tfoot>元素中内容的垂直对齐方式。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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


语法

<tfoot valign="value">

属性值

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

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

valign="bottom"

valign="baseline"


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