1-6编程练习中为什么表格不能对齐
来源：1-10 编程练习
forever_maodou
2017-12-20 15:33:43
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
<meta charset="utf-8">
</head>
<body>
<form>
<table>
<tr>
<td>用户:</td>
<td>
<input type="text" name="username"/>
</td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="psw"/></td>
</tr>
</table>
</form>
</body>
</html>
运行结果如下：
只有在tr标签添加align="center"，两个输入框就才可以对齐。用align="left"都没法对齐，请教一下这是怎么回事。
写回答
1回答
-
每个td都有自己的宽度，你给tr设置align=“center”时，td会在自己的区域中进行居中的或者靠左；
你可以给用户和密码所在的td设置一个大一点的宽度，在给tr设置left或者center，看一下它们的效果，你就明白了。
祝学习愉快！
1h017-12-20
相似问题