<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",
就可以居中了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)