html中form中的布局

1.form是块级元素并且内部可以有任何元素如div p span等，不止input

2.input是内联块级元素可以设置with和height也可以放任何元素如div p span

<form class="test_form" >
    <input type="text">
    <input type="submit" value="提交">
</form>

3.input之间引起空隙的原因是input的换行而引起的如果去除则要把input在同一行上即可

4.兼容：及时空隙去除但是在ie6中也会有一个小空隙，并且有的浏览器中的input不在同一高度 如在火狐上

总上form布局的时候给input的一个float：left可以解决上面的二个问题

 在ie中文字垂直居中对齐的话 在css中把line-height的属性设置成height的高度即可。但在ff中似乎不管用

这是很简单的一个input提交按钮，它在各大浏览器中的情况如下：

在css中把line-height的属性设置成height的高度即可。 可能有的浏览器如此设置依然不居中，此时可以使用padding属性。 如果文本框有背景图片的话就会向下凸出一块，此时可以把max-height值设为height的值。