您现在的位置: 365建站网 > 建站教程 > html5教程 > HTML <tfoot> 标签的 valign 属性

HTML <tfoot> 标签的 valign 属性

此节有 294 人学习过     参与评论

实例

下面的 HTML 表格把 tfoot 元素中的内容向下对齐:

</>code

  1. <table border="1" width="100%">
  2. <tr>
  3. <th>Month</th>
  4. <th>Savings</th>
  5. </tr>
  6. <tr>
  7. <td>January</td>
  8. <td>$100</td>
  9. </tr>
  10. <tr>
  11. <td>February</td>
  12. <td>$80</td>
  13. </tr>
  14. <tfoot valign="bottom">
  15. <tr>
  16. <td>Sum</td>
  17. <td>$180</td>
  18. </tr>
  19. </tfoot>
  20. </table>

亲自试一试

定义和用法

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

浏览器支持

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

语法

</>code

  1. <tfoot valign="value">

属性值

描述
top 对内容进行上对齐。
middle 对内容进行居中对齐(默认值)。
bottom 对内容进行下对齐。
baseline 与基线对齐。

baseline 值

基线是一条虚构的线。在一行文本中,大多数字母以基线为基准。baseline 值设置行中的所有表格数据都分享相同的基线。该值的效果常常与 bottom 值相同。不过,如果文本的字号各不相同,那么 baseline 的效果会更好。请看下面的图示:

valign="bottom" valign="bottom"

valign="baseline" valign="baseline"

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (294人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
html5教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号