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

HTML <tfoot> 标签的 valign 属性

文章来源:365jz.com     点击数:247    更新时间:2017-08-05 18:31   参与评论

实例

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

<table border="1" width="100%">
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  <tfoot valign="bottom">
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>  
</table>

亲自试一试

定义和用法

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

浏览器支持

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

语法

<tfoot valign="value">

属性值

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

baseline 值

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

valign="bottom" valign="bottom"

valign="baseline" valign="baseline"

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

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

快速入口

· 365软件
· 建站公司
· 杰创官网
· 建站工具

业务咨询

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

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

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