求助！这样的表格代码要如何编写？_html/css

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

php中文网

发布： 2016-06-24 12:10:11

原创

902人浏览过

左边那几个框无论如何也没法弄成
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>

登录后复制

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