HTML 参考手册

HTML 标签大全

HTML: <tfoot> valign 属性

<tfoot> valign属性指定 <tfoot>元素中内容的垂直对齐方式。

 HTML <tfoot> 标签

在线示例

把 <tfoot> 元素中的内容垂直对齐到底部：

<table style="width:100%;" border="1">
    <tr>
      <th>程序语言书籍</th>
      <th>价格</th>
    </tr>
    <tr>
      <td align="right">PHP菜鸟教程</td>
      <td>$30</td>
    </tr>
    <tr>
      <td align="left">JAVA编程思想</td>
      <td>$80</td>
    </tr>
   <tfoot valign="bottom">
      <tr>
        <td>总计</td>
        <td>$110.00</td>
      </tr>
  </tfoot> 
</table>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 valign 属性。

定义和用法

HTML5 不支持 <tfoot> valign 属性。请使用 CSS 代替。

valign 属性指定 <tfoot> 元素中的内容的垂直对齐方式。

语法

<tfoot valign="top|middle|bottom|baseline">

属性值

值描述
top对内容进行上对齐。
middle对内容进行居中对齐（默认值）。
bottom对内容进行下对齐。
baseline与基线对齐。基线是一条虚构的线。在一行文本中，大多数字母以基线为基准。baseline 值设置行中的所有表格数据都分享相同的基线。该值的效果常常与 bottom 值相同。不过，如果文本的字号各不相同，那么 baseline 的效果会更好。请看下面的图示。

当文本的字号不同时，bottom vs. baseline 图示：

valign="bottom"

valign="baseline"

 HTML <tfoot> 标签
HTML: <template> 标签