HTML中的表单Form实现居中效果

您所在的位置:网站首页 html如何让表格居中 HTML中的表单Form实现居中效果

HTML中的表单Form实现居中效果

2022-03-27 15:32| 来源: 网络整理| 查看: 265

之前碰到一个作业,给了一张图片,让按照图片样式做一个表单,但在所有功能都实现后,发现无法让表单居中,一直缩在左上角,看起来很难看。在经过了各种修改后,终于成功将表单居中,下面分享一下我所经历过程中的错误与最终结果。(因为做这部分作业的时候还没有学 css,所以没用)

1、刚做出来的样子

名字: 姓氏: 登录名: (可包含a-z、0-9和下划线) 密码: (至少包含6个字符) 再次输入密码: 电子邮箱: (必须包含@字符)

看起来很别扭,所以要继续改进一下。。。

2、经过修改后

在这里插入图片描述  

看起来好像更别扭了,但是实现了居中,到这里时,我也不知道自己用的 < center> 对不对。。。

````` `````

3、使用表格布局后

在这里插入图片描述  

这就是在经过了一晚上的修改后,最终呈现的结果。

名字: 姓氏: 登录名: (可包含a-z、0-9和下划线) 密码: (至少包含6个字符) 再次输入密码: 电子邮箱: (必须包含@字符) 性别: 男 头像: 爱好: 运动 聊天 玩游戏 出生日期: 年 [选择月份] 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月 日

若觉得左边的标签左对齐不好看,也可以在 < td >标签中加入align=“right”,使文字右对齐

名字:

在这里插入图片描述

到此这篇关于HTML中的表单Form实现居中效果的文章就介绍到这了,更多相关HTML表单Form居中内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3