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

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

问题描述:

我在设计注册页面的时候，发现格式很难调整，总是不能很美观的对齐，还有如何把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>

<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> 

HTML超文本置标语言，用以描述超文本，是为网页创建和其它可在网页浏览器中看到的信息设计的一种置标语言。

HTML文本框文字对齐方式：

1、baseline：默认。元素放置在父元素的基线上。

2、sub：垂直对齐文本的下标。

3、super：垂直对齐文本的上标。

4、top：把元素的顶端与行中最高元素的顶端对齐。

5、text-top：把元素的顶端与父元素字体的顶端对齐。

6、middle：把此元素放置在父元素的中部。

7、bottom：把元素的顶端与行中最低的元素的顶端对齐。

8、text-bottom：把元素的底端与父元素字体的底端对齐。

9、inherit：规定应该从父元素继承 vertical-align 属性的值。

---