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

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

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