Question

这是我的输入代码示例。因此，每当生成错误时，此错误标签都将可见。但它出现在输入元素之下。我希望它在输入的右侧。

我可以使用我拥有的label.error代码位修改此位的css。标签是类型，错误是生成的标签的类。

label.error
{
display:inline;
float:right;
}


> <td><input
> name="answer_engineeringjobs_1^11"
> id="answer_engineeringjobs_1"
> class="reqfield required zipUS error"
> type="text"><label class="error"
> generated="true"
> for="answer_engineeringjobs_1">This
> field is required.</label></td>

Answer 1

浮动一个元素使它成为一个块，在它之前触发一个新行。

你也需要将输入浮动。

Answer 2

将<label>放在<input>元素之前。我知道这很奇怪，但它可能会奏效。

编辑：等等，也许你不能改变你的标签的顺序，在这种情况下这不是很好的建议。

再修改一下：您可以尝试添加：

td {
    white-space: nowrap;
}

到你的css，所以标签不再显示在文本框下方。您不再需要float代码。但是，所有td都会停止包装文本，这可能不是您想要的。大卫的回答可能会更好。

Answer 3

一个或另一个是块。如果其中一个是块，它将导致元素堆叠在彼此之上。可以像David Dorward建议的那样浮动，也可以将它们设置为显示内联

Answer 4

实际上是导致换行符的父元素大小。您可以在此处看到代码没有任何问题：

http://jsfiddle.net/Pc2QB/

标签显示在输入文本框下方

4 个答案: