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