当前位置: 代码迷 >> 综合 >> html表单元素的colspan和rowspan
  详细解决方案

html表单元素的colspan和rowspan

热度:48   发布时间:2023-10-01 04:32:58.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>

 

  相关解决方案