前端之家收集整理的这篇文章主要介绍了
通过HTML对齐文本框，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
这是我的代码：
Classroom name:
正如您可能猜到的,此代码显示一些文本,然后在此文本后面有一些文本框.
我的问题是：我想要对齐所有的texBox,以便它们对齐.我在文本后添加了空格,但文本框只是在文本后面直接显示,忽略了我输入的空格.这样做的最佳,最有效的方法是什么？也许一张桌子？
谢谢
最佳答案
通常你会用css为你做这件事.在你的css
文件中
添加：
label{
display:inline-block;
width:200px;
margin-right:30px;
text-align:right;
}
input{
}
fieldset{
border:none;
width:500px;
margin:0px auto;
}
然后在html中,您可以在文本框旁边设置标签：
在css文件中,margin-right：30px; line告诉它放置标签和文本框的距离
设置字段集宽度基本上创建了一个圆形框,如果你需要更大的标签,你可以设置它的宽度.
希望有所帮助.
马丁
原文链接：https://www.f2er.com/html/425889.html
