Rumah > hujung hadapan web > html tutorial > 求助!这样的表格代码要如何编写?_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:10:11
asal
868 orang telah melayarinya



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

<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>
Salin selepas log masuk

这个不难 无非就是 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>
Salin selepas log masuk


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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan