Question

我的问题：希望div内容位于父div的中间。

CSS结构：

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

基本上它是唱歌窗口，右边是电子邮件/传递形式，在左边 - fb登录按钮，这个按钮我想要在中间，但它适用于顶部，适用于底部，在vertical-align:middle再次在底部。

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%;


}

Answer 1

修正您的班级名称。

sing_form在你的HTML中

sings_form在您的CSS中

fb_sign在你的HTML中

fb_sing在您的CSS中

无法正确设置vertical-align

1 个答案: