当前位置:Gxlcms > html代码 > 求助!这样的表格代码要如何编写?_html/css_WEB-ITnose

求助!这样的表格代码要如何编写?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:22人阅读

左边那几个框无论如何也没法弄成
1
1
1

这样的排布,老是变成

1 1 1

?啊,还有右边那些怎么并过去?求大侠解答!


回复讨论(解决方案)

http://www.w3school.com.cn/tags/tag_td.asp

td 得colspan rowspan

好的,我去试试看

是要这样的吗?

  1. <table width="200" border="1"> <tbody><tr> <td width="16" rowspan="5">课堂教学</td> <td width="18" rowspan="3">讲课</td> <td width="144">课堂教学</td> </tr> <tr> <td>课堂教学</td> </tr> <tr> <td>课堂教学</td> </tr> <tr> <td rowspan="2">讲课</td> <td>课堂教学</td> </tr> <tr> <td>课堂教学</td> </tr></tbody></table>

  1. <table cellpadding="1" cellspacing="1" border="1" width="100%"><tbody>
  2. <tr>
  3. <td rowspan="8">a1</td>
  4. <td rowspan="6">b1</td>
  5. <td>c1</td>
  6. </tr>
  7. <tr>
  8. <td>c2</td>
  9. </tr>
  10. <tr>
  11. <td>c3</td>
  12. </tr>
  13. <tr>
  14. <td>c4</td>
  15. </tr>
  16. <tr>
  17. <td>c5</td>
  18. </tr>
  19. <tr>
  20. <td>c6</td>
  21. </tr>
  22. <tr>
  23. <td rowspan="2">b2</td>
  24. <td>c7</td>
  25. </tr>
  26. <tr>
  27. <td>c8</td>
  28. </tr></tbody></table>

这个不难 无非就是 colspan rowspan的灵活运用。。。。

  1. <table> <tbody><tr> <th colspan="2">教师姓名</th> <td> </td> <th>职称</th> <td> </td> <th>兼任管理工作</th> <td> </td> </tr> <tr> <th rowspan="12"></th> <th rowspan="6"></th> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th rowspan="6"></th> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> </tbody></table>


行啦,已经写出来了,谢谢各位大

人气教程排行