0

ネストされたものがいくつかdivsあり、ネストされた の 1 つを垂直方向に中央揃えにする必要がありdivsます。通常、外側divに css プロパティposition: relativeを、内側divにプロパティを与えることでこれを行いますposition: absolute。その後、 と を簡単に使用topしleftて を配置できますdiv。

でも、今の体制では無理です。次に例を示します。

http://jsfiddle.net/Epmd4/2/

したがって、基本的にその例から、青い境界線を持つ div は、緑の div 内で垂直方向に中央に配置する必要があります。しかし、私はそれを成し遂げることができません。

誰でもこれを行う方法を知っていますか?

PS。CSS プロパティをdiv とその中のすべてにのみ追加できます。.item

4

1 に答える 1

1

これを試して：

.item {
    /*position: relative;*/
    background: #00FF66;
    min-height: 60px;
    display:table-cell;
    vertical-align:middle;
}

jsFiddleの例

これをIE7で機能させるには、JavaScriptハックが必要です。

$(document).ready(function(){
  if($.browser.msie && $.browser.version == 7) {
      $(".tablecell").wrap("<td />");
      $(".tablerow").wrap("<tr />");
      $(".table").wrapInner("<table />");
  }
});

.table*クラスを適切なものに置き換えるだけです。

于 2012-09-18T19:04:14.463 に答える