文本逐渐向下移动，不再与文本框顶部齐平

Question

我在页面上有一系列标签和输入框/选择列表。对于每一行，标签会从输入框/选择列表的顶部稍微移开一点。我希望标签的顶部与每行的输入框顶部齐平。

我确定它与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>

Answer 1

看起来您没有在标签或字段上设置高度或行高。我相信您需要指定高度和行高，以便每个占用相同数量的垂直空间。