0

ページに一連のラベルと入力ボックス/選択リストがあります。行ごとに、ラベルは入力ボックス/選択リストの上部から少し離れます。すべての行で、ラベルの上部を入力ボックスの上部と同一面にしたい。

CSS に関連していると確信していますが、この問題を修正するには何を変更する必要がありますか?

これは問題を示しています。上部では、テキストがボックスに合わせて表示されていることがわかりますが、各行は上部から少しずれています。画像

これは、ラベルに適用された CSS を示しています。画像

これは、選択リストに適用された CSS を示しています。どちらも上から5番目の項目です。 画像

これは、各行の典型的な HTML です...

    <div class="editor-label">
        <label for="DOB">DOB</label>
    </div>
    <div class="editor-field">
        <input class="text-box single-line" data-val="true" data-val-date="The field DOB must be a date." data-val-required="The DOB field is required." id="DOB" name="DOB" type="date" value="1/23/1945" />
        <span class="field-validation-valid" data-valmsg-for="DOB" data-valmsg-replace="true"></span>
    </div>
4

1 に答える 1

0

ラベルまたはフィールドのいずれにも高さまたは行の高さが設定されていないようです。それぞれが同じ量の垂直スペースを占めるように、高さと行の高さの両方を指定する必要があると思います。

于 2012-07-23T20:50:47.153 に答える