在HTML中如何把注册时设计的各个输入文本框对齐啊?

在HTML中如何把注册时设计的各个输入文本框对齐啊?,第1张

对于新手来说可以用 table 的方式对齐
<table><tbody><tr>
<td>文字</td><td><input type="text"></td>
<td>文字</td><td><input type="text"></td>
<td>文字</td><td><input type="text"></td>
<td>文字</td><td><input type="text"></td>
</tr></tbody></table>
这样肯定是齐的
text 框的大小可以通过 css 定义
<textarea style="width:100px;height:100px"></textarea>

HTML设置单元格的对齐方式,首先是有2种方式的,通过给这个table设置对齐,还有就是通过给单元格来单独设置,居中的属性是align,参数有left,center,right,垂直方向的valign,有top,middle,bottom,给table设置的就是在直接去algin:center,单元格就是td
后面来个valign:bottom,具体看下代码:
<html>
<head>
</head>
<body>
<table
align='center'>
<tr>
<td
valign='bottom'>我是测试文字</td>
</tr>
</table>
</body>
</html>

1、标准中建议的做法是将文字部分用label标记括起来,并用for属性指向输入框的id
2、有了label就可以以block浮动了
3、浮动之后需要给label和input设置相同的行高,并给label一个宽度,再给个文本右对齐
4、label要clear:left,input要clear:right

如果是要把文本框对齐,只要在字中间加上空格代码就可以了,如下:<HTML<HEAD</HEAD<BODY新账号:<input type="text" name="name" size="6"

标签左对齐,而文本框右对齐,设置text-align的属性就好了,

text-align设置或检索对象中内容的水平对齐方式

取值:

left:内容左对齐。

center:内容居中对齐。

right:内容右对齐。

如图

你这样放着,什么都没有处理当然不好看呀。
你可以用一个DIV把他们嵌套起来,设置一下样式就可以了。
或者用一个Table把他们包起来,设置一下属性就可以了。
align属性是对齐方式,有左对齐,右对齐,居中对齐,你设置一下align="center",
就可以居中了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13352673.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-20
下一篇 2023-07-20

发表评论

登录后才能评论

评论列表(0条)

保存