HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML: <tfoot> valign 屬性

<tfoot> valign屬性指定 <tfoot>元素中內(nèi)容的垂直對(duì)齊方式。

在線(xiàn)示例

把 <tfoot> 元素中的內(nèi)容垂直對(duì)齊到底部：

示例

<table style="width:100%;" border="1">
    <tr>
      <th>程序語(yǔ)言書(shū)籍</th>
      <th>價(jià)格</th>
    </tr>
    <tr>
      <td align="right">PHP菜鳥(niǎo)教程</td>
      <td>$30</td>
    </tr>
    <tr>
      <td align="left">JAVA編程思想</td>
      <td>$80</td>
    </tr>
   <tfoot valign="bottom">
      <tr>
        <td>總計(jì)</td>
        <td>$110.00</td>
      </tr>
  </tfoot> 
</table>

測(cè)試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 valign 屬性。

定義和用法

HTML5 不支持 <tfoot> valign 屬性。請(qǐng)使用 CSS 代替。

valign 屬性指定 <tfoot> 元素中的內(nèi)容的垂直對(duì)齊方式。

語(yǔ)法

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

屬性值

值	描述
top	對(duì)內(nèi)容進(jìn)行上對(duì)齊。
middle	對(duì)內(nèi)容進(jìn)行居中對(duì)齊（默認(rèn)值）。
bottom	對(duì)內(nèi)容進(jìn)行下對(duì)齊。
baseline	與基線(xiàn)對(duì)齊。基線(xiàn)是一條虛構(gòu)的線(xiàn)。在一行文本中，大多數(shù)字母以基線(xiàn)為基準(zhǔn)。baseline 值設(shè)置行中的所有表格數(shù)據(jù)都分享相同的基線(xiàn)。該值的效果常常與 bottom 值相同。不過(guò)，如果文本的字號(hào)各不相同，那么 baseline 的效果會(huì)更好。請(qǐng)看下面的圖示。

當(dāng)文本的字號(hào)不同時(shí)，bottom vs. baseline 圖示：

valign="bottom"

valign="baseline"

HTML <tfoot> 標(biāo)簽

HTML: <template> 標(biāo)簽