上传按钮和输入框长度不一样，怎么对齐？
来源：5-9 编程练习
HJM_95
2020-06-09 10:17:22
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<!--此处填写代码-->
<h1>信息注册</h1>
<form action="">
<table bgcolor="#f2f2f2" width="100%">
<tr >
<td width="25%">用户名：</td>
<td width="25%"><input type="text" name="" id="" value="" placeholder="请输入用户名"></td>
<td width="50%"></td>
</tr>
<tr >
<td>密码：</td>
<td><input type="password" name="" id="" value="" placeholder="请输入密码"></td>
<td></td>
</tr>
<tr >
<td>确认密码：</td>
<td><input type="password" name="" id="" value="" placeholder="请重新输入密码"></td>
<td></td>
</tr>
<tr >
<td>上传照片：</td>
<td><input type="file" name="" id="" value=""></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
2回答
-
同学是指如下吗？
这里是没有关系的，可能根据不同的浏览器解析不同，建议同学换个浏览器再试试，这边测试效果如下：
祝：学习愉快~
0 -
好帮手慕阿满
2020-06-09
同学你好，按钮和输入框的长度不一致是正常的，题目中的也是按钮和输入框也是不一样长，如：
运行同学的代码，效果如下：
整体效果完成的很好，还有一个小建议，建议给<h1>标签增加align属性，使其居中显示。
如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~
0h020-06-10
相似问题