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

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

WBOY
Lepaskan: 2016-06-24 12:10:11
asal
830 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


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

sumber:php.cn
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