Question

我有一个个人项目，可以了解有关HTML / CSS / JS的更多信息但我遇到了问题。

我的<body>中有两个div，每个div有2个圆形同心div。一个放在该区域的中心，另一个放在该区域的中心。

<div id="sphaea_bloc">   
    <div id="actor" class="actor_locked">
        <div class="actor_extern_locked"> </div>
        <div class="actor_intern_locked"> </div>
      </div>

      <div id="lock" class="lock_locked">
        <div class="lock_extern_locked"> </div>       
        <div class="lock_intern_locked"> </div>
      </div>    
</div>

基础位置很好。

第二步是使用JQuery添加drag'n'drop，它工作正常。目的是将小div放入更大的div中当它失败时，它会在基准位置正确返回但是现在，当下降很好的时候，我想把JQuery中的小div放到更大的div的中心（使4个圆圈同心）。

我搜索了很长时间但没有遇到问题我没办法做到这一点：我的两个div之间总是有一点偏差......而且我无法理解为什么。

这是fiddlejs链接： FiddleJS link

有人可以帮助我找到问题，为什么我的小div总是在更大但是有偏移？

提前致谢！ AeldredOni

Answer 1

我已经完成了下面的工作，即使你改变了div的高度，它也会居中：

.actor_locked {
  position:absolute;
  left:-9999px;
  right:-9999px;
  top:-9999px;
  bottom:-9999px;
  display: block;
  margin: auto;
  width: 60px;
  height: 60px;
  border-radius: 50px;
}

http://jsfiddle.net/xga3dzfm/1/

用JQuery

1 个答案: