HTMLテーブルのセルを結合する方法

#htmlテーブル内のセルを結合する方法

#HTML では、colspan 属性は列を結合し、rowspan 属性は列を結合します。 rows を結合する場合、たとえば rowspan="2" の場合、次の行 tr の列は 1 つ少なくなり、列を結合する場合、colspan="2" の場合、この行の列の列は 1 つ少なくなります。

推奨される学習:

html チュートリアル

コードのデモ:

<table border="1" style={{margin:200}}>
    <tbody>  
        <tr>    
            <th colspan="2">我是占位符</th>   
            <th colspan="2">我是占位符</th>  
        </tr>  
        <tr>    
            <th rowspan="2">我是占位符</th>    
            <th>我是占位符</th>    
            <th>我是占位符</th>    
            <th>我是占位符</th>  
        </tr>  
        <tr>    
            <th>我是占位符</th>    
            <th>我是占位符</th>

            <th>我是占位符</th>  
        </tr>
    </tbody>    

</table>

詳細情報:

rowspan は、ヘッダー セルがまたがる行数を指定します。注: rowspan="0" は、セルをテーブル コンポーネントの最後の行 (thead、tbody、または tfoot) まで拡張するようにブラウザに指示します。

以上がHTMLテーブルのセルを結合する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。