FireFox 中垂直居中DIV元素，兼容Chrome

*假设要居中一个搜索框。

1.CSS定义：

.search-box-container{
    float:left;
    height: 100%;
    align-items: center;
    display: flex;
}
.search_box{
    float:left;
}

 

 

2.HTML代码：

<div class="search-box-container">
    <div class="search_box">我是搜索框</div>
</div>