css - 内联 block 元素未水平对齐

Question

这是针对测试站点中未正确对齐(水平)的表单。查看div#search-bar下的表单

http://dev.websuccess.solutions/tntbuyshomes/

如果你检查下的元素，我已经做了这些

div.nf-field-container {
   width: 201px;
   display: inline-block;
   margin: 0px 2.5px 0px 2.5px; }

但是还是没有对齐。我也尝试过 vertical-align:top 但仍然无法正常工作。

Answer 1

明白了!

nf-fields-wrap {
   display: flex;
}

nf-field {
   display: block;
}