0

私は見つけられないか、理解できません。

オーバーフローのある div 内に、ズーム オプションのある別の div を配置しました。ズームによって大きくなったときに内側のdivを外側のdivの中央に配置するのが好きですが、 margin: 0px auto;のような解決策があります。動作しません。

<div  id="container" style="float:left; overflow:scroll; width:644px; height:702px;">
  <div  id="zoomimg" style="zoom:54%;">
  <img src="plattegrond.jpg" class="map" usemap="#leige">
  </div>
</div>

注意！zoom:54% (644x702) は JS で 100% と 150% に変更できます。

4

1 に答える 1

0

同様の問題がありました。子divを中央に配置するための参照ポイントとして、親divを「効果的に」失います。それ自体を中心にして解決しました。これはうまくいくはずです：

$(window).load(function(){
    width = $("#container").width();
    height = $("#container").height();
    margL = $(".map").width()/2 -width/2;
    margT = $(".map").height()/2 - height/2;
    $(".map").css('margin-left',-margL)
    $(".map").css('margin-top',-margT)
})

これはここで行われたことです

于 2013-01-08T16:49:38.193 に答える