HTML: <tfoot> valign 属性

在线示例

把 <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 خاصية valign في <tfoot>. استخدم CSS بدلاً من ذلك.

تحدد الخاصية valign طريقة الترتيب العمودي للمحتوى في عنصر <tfoot>.

النحو

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

قيمة الخاصية

مثال على bottom vs. baseline عندما يكون حجم النص مختلفًا:

valign="bottom"

valign="baseline"