vertical-align不会将我的字段带到DIV的顶部

Question

我正在尝试对齐搜索字段。我的所有元素都在父容器中，它具有样式

feature()

元素本身看起来像

#statSearchFields {
    vertical-align: top;
    font-size: 90%;
}

但是当我把它们放在我的容器中时，它们看起来偏离中心。以下是示例小提琴 - https://jsfiddle.net/n73ao02h/1/。如何将所有内容对齐？

Answer 1

vertical-align: top不会从您的ID继承。将以下内容添加到CSS中，您将获得预期的结果。

.searchField {
  display: inline-block;
  vertical-align:top;
}

注意：您应该从vertical-align ID中删除#statSearchFields媒体资源。

Answer 2

您必须将vertical-align: top;添加到.searchField选择器。

更新了jsfiddle：https://jsfiddle.net/n73ao02h/2/