Css Can'；t正确设置垂直对齐 我的问题：想要div内容在父div的中间。

CSS结构：

  <div class= 'sign_in'>
    <div class= 'sing_form'>
    </div>
    <div class='fb_sign'>
    </div>
    </div>

修正你的类名

sing_表单

在您的html中

sings\u表单

在您的css中

fb\u符号

在您的html中

fb\u sing

在您的css中

.sign_in {
    position: absolute;
    border-style: solid;
    border-width: 2px;
    border-color: #c1ffc6;
    background: #fff;
    padding: 2%;
    width: 30%;
    font-family: Arial, sans-serif;
    z-index: 9999999;
    font-size: 14px;


}
.sings_form{

    display: inline-block;
    border-right-style: solid;
    padding-right: 10%;
    border-width: 1px;
    border-color: #c1ffc6;

}
.fb_sing {

    display: inline-block;
    vertical-align: top;
    margin-left: 10%;


}