9.7. HTML colspan 属性

9.7.1. HTML表格的rowspan与colspan视频教程
colspan 属性 -- 可以实现HTML表格中一行跨越多列
  • 引用网址:http://www.dreamdu.com/xhtml/attribute_colspan/
  • colspan通常使用在td与th标签中
  • col:列,span:跨度,跨距,范围

示例

<table border="1">
        <tr>
                <th>www.dreamdu.com</th>
                <th>.com域名的数量</th>
                <th>.cn域名的数量</th>
                <th>.net域名的数量</th>
        </tr>
        <tr>
                <td>2003年</td>
                <td>1000</td>
                <td colspan="2">2000+3000</td>
        </tr>
        <tr>
                <td>2004年</td>
                <td>4000</td>
                <td>5000</td>
                <td>6000</td>
        </tr>
        <tr>
                <td>2005年</td>
                <td>7000</td>
                <td>8000</td>
                <td>9000</td>
        </tr>
        <tr>
                <td>总数</td>
                <td colspan="3">24000</td>
        </tr>
</table>

HTML colspan 属性示例 -- 可以尝试编辑

说明

  • colspan属性可以实现单元格跨越多列
  • 内容为"24000"的行跨越了3列,内容为"2000+3000"的行跨越了2列
From "HTML colspan 属性 - HTML表格 - HTML教程,XHTML教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)
  • HTML代码