HTML中表单Form实现居中效果代码示例

本篇文章小编给大家分享一下HTML中表单Form实现居中效果代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

1、刚做出来的样子

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

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

2、经过修改后

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

````` ````` form> center>

3、使用表格布局后

最终呈现的结果。

	
		
		css" href="./img/favicon.png"/>
		
	
	
		

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

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

名字: