0

div を別の div で垂直方向に中央揃えにしたいのですが、うまくいきません。画像 div は、親 (黒) div の中央に配置する必要があります。私はすでに試しました

position: absolute;

修正するだけでなく、

display: table-cell;

しかし、どちらも機能していないようです。問題は、私の親divが100％であるようです..誰か助けてくれますか？例は次のとおりです。

http://jsfiddle.net/mkGXx/

4

1 に答える 1

1 
<div style="display: table; height: 800px; #position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">
        any text<br />
        any content<br /><br /><br />
        everything is vertically centered
      </div>
    </div>
  </div>

参照: http://jsfiddle.net/9eDXM/

于 2013-04-11T19:03:23.950 に答える