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

html-css018

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

分类: 电脑/网络 >>互联网

问题描述:

我在设计注册页面的时候,发现格式很难调整,总是不能很美观的对齐,还有如何把text框变窄一点?我在代码里改高度是预览时什么变化也没有,怎么回事?

解析:

对于新手来说可以用 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 class="page_speeder_235469968"></textarea>

你说的是input吧?

可以给加上class,然后css里定义成块,即display:block

然后像两个div一样让他们对齐即可。

或者在第一个后面加一个换行<br

/>

设置其对齐样式将标签设置为左对齐,文本框设置为右对齐。如:

<label class="la"></label>

<input type="text" class="textBox"/>

css:

.la{text-align:left}

.textBox{text-align:right}

text-align是文本对齐样式,有三个取值,分别是:left、center、right。