文本框之间的差距不正确

时间:2013-08-30 02:35:35

标签: html css

我有一些复杂的文本框,提示我的用户输入他们的地址。第一组方框与第二组方框之间的差距很大,但尽管CSS相同且使用相同数量的<br/>,但其他任何方框都没有间隙。

<legend>Address</legend>
    <input type="text" value="First Name" name="custfirst" size="9" required="required"/>
    <input type="text" value="Last Name" name="custlast" size="9" required="required"/><br/>
    <input type="text" value="Number" name="addnumber" size="6" required="required"/> 
    <input type="text" value="Street Name" name="addstreet" size="12" required="required"/><br/>
    <input type="text" value="Country" name="addcount" size="9" required="required"/><br/>

至于CSS:

input[type=text]{
    margin-bottom: 0.5em;
}

实际结果是:

result http://img850.imageshack.us/img850/3549/qtlr.png

我想也许这是我的浏览器(夜晚),但我尝试了其他人,甚至让其他电脑查看该页面。这可能是一个如此愚蠢的问题,但在过去的20分钟里,我一直在wra my my and and,,,,,and and and and and and and and and and

1 个答案:

答案 0 :(得分:2)

还有一些内置的CSS浏览器可以在任何输入元素周围添加一些空间。在设置自己的自定义样式之前,请尝试设置margin:0padding: 0

代码比单词更响亮所以请检查this out