个人中心
gpt4 book ai didi

javascript - 使用 JQuery 将一个 div 放在另一个的中心

转载 作者：太空宇宙 更新时间：2023-11-04 10:33:26 25 4
gpt4 key购买 nike

我有一个个人元素来学习更多关于 HTML/CSS/JS 的知识。
但我遇到了问题。

我的 <body> 中有两个 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 添加拖放功能，效果很好。目的是将小的 div 放到更大的 div 中。
当它失败时，它会正确地返回到一个基本位置。
但是现在，当下降很好时，我想用 JQuery 将小 div 放在更大的 div 的中心(使 4 个圆圈同心)。

我搜索了很长时间，但没成功:我的 2 个 div 之间总是有一点偏移......我不明白为什么。

这是 fiddlejs 链接: FiddleJS link

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

提前致谢!艾尔德雷德奥尼

最佳答案

我已经像下面那样做了，它的工作原理是，即使你改变 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/

关于javascript - 使用 JQuery 将一个 div 放在另一个的中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36350453/

25 4 0
文章推荐： Python:获取属性值
文章推荐： linux - 用第一行填充空行
文章推荐： java - 在 Java + Linux 中，测量跨 CPU 内核延迟的正确方法是什么？
文章推荐： python - 有效地计算文本文件的列数