为什么我的上传照片这一块没有和上面居中对齐?

为什么我的上传照片这一块没有和上面居中对齐?

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>注册信息</title>

</head>

<body>

<h3 align="center">注册信息</h3>

<hr color="#336699">

<form>

<table  align="center" bgcolor="#f2f2f2" width= "600px">

<tbody align="center">

<tr>

<td>用户名:</td>

<td><input type="text"  placeholder="请输入用户名" maxlength="6" size="25"></td>

</tr>

<tr>

<td>密码:</td>

<td><input type="password"  placeholder="请输入密码" maxlength="6" size="25"></td>

</tr>

<tr>

<td>确认密码:</td>

<td><input type="password"  placeholder="请再次输入密码" maxlength="6" size="25"></td>

</tr>

<tr>

<td>上传照片:</td>

<td><input type="file" multiple="multiple"></td>

</tr>

</tbody>

</table>

</form>

</body>

</html>

http://img1.sycdn.imooc.com//climg/5c80bd9500019b8e09780333.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

,因为同学设置了align="center" ,所以其实它是居中的,只是它比别的长,所以显得它就没有对齐了。

http://img1.sycdn.imooc.com//climg/5c80fe660001668a08020204.jpg

而去掉之后,

就没有居中的样式了,然后就左对齐了。

同学把里边居中的样式去掉,不用删除tbody ,它也是左对齐的。

http://img1.sycdn.imooc.com//climg/5c80fece000197fe01510041.jpg

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

好帮手慕阿莹 2019-03-07 16:51:41

这个可能与这个 type是file有关,同学可以用空格调整一下:

<td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="file" multiple="multiple"></td>

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

  • 提问者 浮生Y一梦 #1
    这个不是跟file有关,是跟<tbody></tbody>有关,我把这一对标签删除了就好啦。但是还是有一个小问题就是<tbody></tbody>这一对标签是用来控制表格里面内容的各种样式吗?
    2019-03-07 16:57:52
  • 好帮手慕阿莹 回复 提问者 浮生Y一梦 #2
    并不是的,除了<tbody></tbody>,还有 <thead></thead> <tbody></tbody> 是表格中的内容,<thead></thead> 用来写表头,例如 姓名 学号 班级 这种 , <tbody></tbody>中就是对应的数据。如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
    2019-03-07 17:36:28
  • 提问者 浮生Y一梦 回复 好帮手慕阿莹 #3
    但是为什么去掉<tbody></tbody>就正常了呢?<tbody></tbody>这个是控制表格中的内容,type=file这个定义没有表格,所以这样会跟上面对齐不了?请问有这种可能吗?
    2019-03-07 17:45:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师