当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。