6

私のフォームは 2 列のテーブルでフォーマットされています。左の列では a を使用<label>し、右の列ではa を使用しています<input type="text">。一部の入力ボックスは必須です。そのため、すべての必須入力について、ラベルの横に赤いアスタリスクが必要です。ただし、ラベルは常に改行が続くように設計されているため、アスタリスクは自動的に下に表示されます。これが起こらないようにする最善の方法と、アスタリスクがラベルの隣の正しい場所にあることを確認する最善の方法は何ですか? <div float="left>オプションがテーブルで機能するとは思わない。これは要求されたコードです。

<tr>
                <td class="leftCell"><span style="white-space: nowrap;"><label for="Subcontractor_CompanyName">Company</label><span style="display: inline;" class="errorHighlight">*</span></span></td>
                <td class="rightCell"><input style="width: 300px;" id="Subcontractor_CompanyName" name="Subcontractor.CompanyName" value="096 club" type="text" data-val-required="Must enter the Company Name" data-val="true">
                    <span class="field-validation-valid" data-valmsg-replace="false" data-valmsg-for="Subcontractor.CompanyName">*</span></td>
            </tr>

を使用しようとして<span style="white-space: nowrap;">失敗しました。

4

4 に答える 4

15

または、<label>as ブロックが指定されている場合は、次の方法で実行できます。

label {display: inline;}
于 2013-01-30T15:56:49.340 に答える
3

マークアップを変更できる場合は、ラベル内にアスタリスクを配置できます。

何かのようなもの：

<label>Name:<sup>*</sup></label>
<input type="text" name="name" />

そしてCSS：

label sup { color: red; }

結果は次のとおりです。http://jsfiddle.net/ByGVE/

于 2013-01-30T16:02:35.740 に答える
2

既定のブラウザーの既定の CSS と、ラベルの隣に入力を保持するのに十分な幅がある場合、ラベルは新しい行をトリガーしません。

display: blockおそらく、ラベルに設定する CSS がいくつかあります。代わりに入力に設定してください。

于 2013-01-30T15:57:48.810 に答える