码迷,mamicode.com
首页 > Web开发 > 详细

html表单元素的colspan和rowspan

时间:2016-09-07 19:26:47      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

 

colspanrowspan这两个属性用于创建特殊的表格。

colspan用来指定单元格横向跨越的列数:colspan就是合并列的,colspan=2的话就是合并两列。

rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的,比如rowspan=2就是合并两行,

  • rowspan通常使用在tdth标签中
  • row:行,span:跨度,跨距,范围
  • col:列,span:跨度,跨距,范围

<body>
<table border="1" width="300">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</br>
<table border="1" width="300">
    <tr>
        <td colspan=3>合并第一行的三列</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</br>
<table border="1" width="300">
    <tr>
        <td rowspan="2">合并第一列的两行</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</body>

 


在浏览器中将显示如下

技术分享

 

html表单元素的colspan和rowspan

标签:

原文地址:http://www.cnblogs.com/Yimi/p/5850537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!