HTML <colgroup> align属性用法及代码示例

HTML <colgroup> align属性用于设置列组中文本或内容的水平对齐方式。

用法:

<colgroup align="left|right|center|justify|char>

属性值：

left:它将内容设置为left-align。
right:它将内容设置为right-align。
center:它将内容设置为中心。
justify:它拉长了线条，并平均分割了内容。
char:它将内容设置为特定字符。

例：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML ColumnGroup align Attribute  
    </title>  
  
    <style>  
        #myColGroup {  
            background:green;  
        }  
          
        table {  
            color:white;  
            margin-left:180px;  
            background:yellow;  
        }  
          
        #Geek_p {  
            color:green;  
            font-size:30px;  
        }  
          
        td {  
            padding:10px;  
        }  
        h1, h2 { 
            text-align:center; 
        } 
    </style>  
</head>  
  
<body>  
  
    <h1 style="color:green;">  
        GeeksForGeeks  
    </h1>  
  
    <h2>  
        HTML ColumnGroup align Attribute  
    </h2>  
  
    <table>  
        <colgroup id="myColGroup" span="3" align = "left">  
        </colgroup>  
          
        <tr>  
            <th>S.No</th>  
            <th>Title</th>  
            <th>Geek_id</th>  
        </tr>  
        <tr>  
            <td>Geek_1</td>  
            <td>GeekForGeeks</td>  
            <th>Geek_id_1</th>  
        </tr>  
        <tr>  
            <td>Geek_2</td>  
            <td>GeeksForGeeks</td>  
            <th>Geek_id_2</th>  
        </tr>  
    </table>  
</body>  
  
</html>

输出：

支持的浏览器：<colgroup> align属性不受任何浏览器支持。现在改用CSS。

相关用法

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