Question

我无法找到或弄清楚。

在溢出的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>

NB！ zoom：54％（644x702）可以使用JS在100％和150％中更改。

Answer 1

我有类似的问题。你'实际上'失去了你的父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)
})

这就是here

所做的

将一个较大的div放在一个较小的div里面，溢出

1 个答案: