3

さて、私はこの構造を得ました：

    
    #parent{
       max-width: 800px;
       height: auto;
       margin: auto;
    }
    #child{
       position: absolute;
       width: 100%;
       height: 52px;
       display: none;
    }
<div id="parent">
       <div id="child"></div>
    </div>

子 div はデフォルトで非表示になっています。jQuery (.fadeIn) を使用して表示されます。問題は、css のみを使用して子要素を垂直方向に中央揃えにするにはどうすればよいかということです。

4

3 に答える 3

1 
#child{
   position: absolute;
   width: 100%;
   height: 52px;
    /*display:none;*/
   display: block;
   background-color: blue;
   top:50%;
}

CSS コードにtop:50%を追加するだけです。

http://jsfiddle.net/nirus/dry2Q/

于 2013-06-26T18:14:14.687 に答える