HTML valign属性用法及代码示例

HTML valign 属性用于指定元素中文本的垂直对齐方式。此属性支持许多与表格相关的元素，例如 <tr>、<td>、<tbody>、<col> 和 <tfoot>。

用法:

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

属性值：

top:它将内容设置为 top-align。
middle:它将内容设置为 middle-align。
bottom:它将内容设置为 bottom-align。
baseline:它将内容设置为基线。基线是表数据元素中大多数字符所在的行。

注意：HTML 5 不支持 valign 属性。

例：下面的代码说明了在 HTML 文档中使用 valign 属性。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML valign Attribute in <td> element
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML valign Attribute in Table Data Element</h2>
  
    <table border="1" width="500">
        <tr>
            <th>NAME</th>
            <th>ID</th>
            <th>AGE</th>
        </tr>
  
        <tr style="height:50px;">
            <td valign="top">BITTU</td>
            <td valign="center">123</td>
            <td valign="bottom">21</td>
        </tr>
  
        <tr style="height:50px;">
            <td valign="bottom">RAKESH</td>
            <td valign="center">124</td>
            <td valign="top">24</td>
        </tr>
    </table>
</body>
</html>

输出：

支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML valign Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。