Heim > Artikel > Web-Frontend > 求助!这样的表格代码要如何编写?_html/css_WEB-ITnose
左边那几个框无论如何也没法弄成
1
1
1
这样的排布,老是变成
1 1 1
?啊,还有右边那些怎么并过去?求大侠解答!
http://www.w3school.com.cn/tags/tag_td.asp
td 得colspan rowspan
好的,我去试试看
是要这样的吗?
<table width="200" border="1"> <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></table>
<table cellpadding="1" cellspacing="1" border="1" width="100%"><tbody> <tr> <td rowspan="8">a1</td> <td rowspan="6">b1</td> <td>c1</td> </tr> <tr> <td>c2</td> </tr> <tr> <td>c3</td> </tr> <tr> <td>c4</td> </tr> <tr> <td>c5</td> </tr> <tr> <td>c6</td> </tr> <tr> <td rowspan="2">b2</td> <td>c7</td> </tr> <tr> <td>c8</td> </tr></tbody></table>
这个不难 无非就是 colspan rowspan的灵活运用。。。。
<table> <tr> <th colspan="2">教师姓名</th> <td> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> <th>职称</th> <td> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td> <th>兼任管理工作</th> <td> <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></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> </table>