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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。