Heim >Web-Frontend >HTML-Tutorial >html 列数不同的表格_html/css_WEB-ITnose

html 列数不同的表格_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:45:591562Durchsuche

html 界面

要做一个登陆界面 结果图如下
我想要实现第一行只有一列 用户登录在第一行中间,同样的最后一行也只有一列并且按钮也在中间。请问怎么设置?

回复讨论(解决方案)

在 第一行 最后一行 td 加上 scope="col" 

合并单元格。

<table border="1">	<tr>		<td  colspan="2" align="center"> 用户登录</td>	</tr>	<tr>		<td>用户:</td>		<td>			<input name="usertype"  type="radio"/>学生			<input name="usertype"  type="radio"/>教师			<input name="usertype"  type="radio"/>管理员		</td>	</tr>	<tr>		<td>登录名:</td>		<td><input type="input"/></td>	</tr>	<tr>		<td>密码:</td>		<td>			<input type="password"/>		</td>	</tr>	<tr>		<td colspan="2" align="center">			<input type="button" value="登录"/>			<input type="button" value="重置"/>		</td>	</tr></table>

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn