当前位置 知且行 大前端 正文 下一篇:

html表格单元格的合并

属性

colspan: 合并列

rowspan: 合并行

colspanrowspan 一定要写在th或者td上,而不是在tr上

案例

代码:

  1. <table border="1">
  2. <col width="80">
  3. <col width="80">
  4. <col width="80">
  5. <tr>
  6. <td>1</td>
  7. <td colspan="2">2</td>
  8. </tr>
  9. <tr>
  10. <td>3</td>
  11. <td rowspan="2">4</td>
  12. <td>5</td>
  13. </tr>
  14. <tr>
  15. <td>6</td>
  16. <td>7</td>
  17. </tr>
  18. </table>

代码:

  1. <table border="1">
  2. <col width="80">
  3. <col width="80">
  4. <col width="80">
  5. <col width="80">
  6. <tr>
  7. <td>1</td>
  8. <td>2</td>
  9. <td>3</td>
  10. <td>4</td>
  11. </tr>
  12. <tr>
  13. <td rowspan="3">5</td>
  14. <td>6</td>
  15. <td colspan="2">7</td>
  16. </tr>
  17. <tr>
  18. <td>8</td>
  19. <td rowspan="2" colspan="2">9</td>
  20. </tr>
  21. <tr>
  22. <td>10</td>
  23. </tr>
  24. </table>
转载必须注明出处:https://www.zhiqiexing.com/12.html

关于我

我希望能成为一个认真、有趣、创造更多价值的人
关注微信
微信扫一扫关注我

微信扫一扫关注我

返回顶部