colspan和rowspan这两个属性用于创建特殊的表格。

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

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

1.rowspan通常使用在td和th标签中

2.row:行,span:跨度,跨距,范围

3.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>

<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>

元素的colspan和rowspan

 

相关文章:

  • 2021-07-17
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-01
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
  • 2021-09-08
  • 2022-12-23
相关资源
相似解决方案