HTML <tfoot> valign 属性

在 HTML 中，<tfoot> 标签用于定义表格的页脚部分。<tfoot> 标签必须位于<table>元素内部，并且只能包含<tr>元素。

valign 属性

<tfoot> 标签中的 valign 属性用于定义表格页脚中内容的垂直对齐方式。valign 属性有以下几个取值：

• top：内容在单元格顶部对齐
• middle：内容在单元格中垂直居中对齐
• bottom：内容在单元格底部对齐

示例代码

下面是一个示例代码，演示了如何在<tfoot>标签中使用valign属性：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <title>Valign Attribute in HTML <tfoot> Tag</title>
</head>
<body>
    <table border="1">
        <thead>
            <tr>
                <th>Header 1</th>
                <th>Header 2</th>
                <th>Header 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Row 1, Cell 1</td>
                <td>Row 1, Cell 2</td>
                <td>Row 1, Cell 3</td>
            </tr>
            <tr>
                <td>Row 2, Cell 1</td>
                <td>Row 2, Cell 2</td>
                <td>Row 2, Cell 3</td>
            </tr>
        </tbody>
        <tfoot valign="top">
            <tr>
                <td>Footer 1</td>
                <td>Footer 2</td>
                <td>Footer 3</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>

在上面的示例中，<tfoot> 标签中的内容会在顶部对齐显示。

总结

通过以上介绍，我们了解了 HTML <tfoot> 标签中的 valign 属性的用法和取值。在实际开发中，根据页面布局和设计需求，合理使用 valign 属性可以让表格的页脚部分更加美观和整洁。希望本文对你有所帮助！