Question

使用Firefox时，CSS存在间距问题。这在Chrome中运行良好。当我有一个带有字段和标签的表单时，选择字段后面的行会在它前面获得额外的空间。

您可以在此处查看图片中的问题：http://i51.tinypic.com/35b8gmf.png。文本'test2'前面的空格来自哪里？

以下是代码：

<style>
label {
    float:left;
    width:70px;
}
input, select {
    width:130px;
}
</style>
<label for="l1">test1</label>
<select id="l1" name="test1"><option>a</option></select>
<br>
<label for="l2">test2</label>
<input id="l2" type="text" size="30" name="test2">
<br>
<label for="l3">test3</label>
<input id="l3" type="text" size="30" name="test3">

Answer 1

<style>
label {
    float:left;
    width:70px;
}
input, select {
    width:130px;
}
</style>
<label for="l1">test1</label>
<select id="l1" name="test1"><option>a</option></select>
<br style="clear:both;">
<label for="l2">test2</label>
<input id="l2" type="text" size="30" name="test2">
<br style="clear:both;">
<label for="l3">test3</label>
<input id="l3" type="text" size="30" name="test3">
<div id="tests">asd</div>

Firefox选择字段中的CSS间距问题

1 个答案: