0

我有一些复杂的文本框，会提示我的用户输入他们的地址。第一组和第二组之间的差距很大，但其他任何一个都没有差距，尽管 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;
}

实际结果是：

结果 http://img850.imageshack.us/img850/3549/qtlr.png

我想可能是我的浏览器（每晚），但我尝试过其他人，甚至让其他电脑查看该页面。这可能是一个非常愚蠢的问题，但在过去的 20 分钟里，我一直在思考这个问题，我宁愿现在解决它，也不愿稍后再回去。

4

1 回答 1

2

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

代码胜于雄辩，所以检查一下

于 2013-08-30T02:41:17.957 回答