當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML <col> valign屬性用法及代碼示例


HTML <col> valign屬性用於指定列元素中文本內容的垂直對齊方式。

用法:

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

屬性值:


  • top:它將內容設置為top-align。
  • middle:它將內容設置為middle-align。
  • bottom:它將內容設置為bottom-align。
  • baseline:它將內容設置為基線。基線是大多數字符所在的行。

例:

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML col valign Attribute  
    </title>  
</head>  
  
<body>  
    <h1>GeeksforGeeks</h1>  
  
    <h2>HTML col valign Attribute</h2>  
  
    <table border="1">  
        <caption>Author Details</caption>  
  
        <col width="150" align="char"
                    char="." valign="top">  
        <col width="80" align="char"
                    char="." valign="top">  
        <col width="120" align="char"
                    char="." valign="top">  
          
        <tr>  
            <th>NAME</th>  
            <th>AGE</th>  
            <th>BRANCH</th>  
        </tr>  
        <tr>  
            <td>BITTU</td>  
            <td>22</td>  
            <td>CSE</td>  
        </tr>  
        <tr>  
            <td>RAM</td>  
            <td>21</td>  
            <td>ECE</td>  
        </tr>  
    </table>  
</body>  
  
</html>

輸出:

支持的瀏覽器:僅Internet Explorer和Opera 12及更早版本支持此屬性。



相關用法


注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | <col> valign Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。