Maison > interface Web > tutoriel HTML > 求助!这样的表格代码要如何编写?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:10:11
original
830 Les gens l'ont consulté



左边那几个框无论如何也没法弄成
  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>
Copier après la connexion

<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>
Copier après la connexion

这个不难 无非就是 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>
Copier après la connexion


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

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal