本文摘自PHP中文网，作者coldplay.xixi，侵删。
html设置文本框对齐的方法：1、将表格标签table添加到form表单标签内部进行布局；2、文本、组件后添加空格对齐；3、组件同行处理。
本教程操作环境：windows7系统、html5版，DELL G3电脑。
html设置文本框对齐的方法：
1、用表格对齐。
将表格标签table添加到form表单标签内部进行布局，表格标签tr表示一行，td表示一个单元格，我们添加的时候从左到右添加到同一行中，显示起来就相对美观。
2、文本、组件后添加空格对齐。
在文本中添加 (空格)实现文本间的间隔，而在组件后面添加空格，可以使组件得到扩充，实现文本框和密码框对齐的功能，这样看起来就十分美观了。
3、组件同行处理。
当我们实在无法对齐文本或组件的时候，我们也可以选择将这些放置在同一行，这样在页面显示出来的样子也同样美观，只需要我们去掉换行单标记<br />就能实现。
相关学习推荐：html视频教程
以上就是html如何设置文本框对齐的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
在Html的列表中，dl(dt,dd)、ul(li)、ol(li) 有什么不同
Html实现海康摄像头实时监控功能_Html/xHtml_网页制作
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
