Question

我有点问题。

我有一些容器div用于某些元素，这些元素是图像，在其他div中。类似的东西：

<div id="container">
    <div id="draggable">
        <img src="something">
    </div>
</div>

我需要将容器放在中心位置，但我不能使用顶部：-healfHeight;保证金最高限额：50％;因为那时jquery ui drag将无效。那么我怎么能解决这个问题？：（

Answer 1

尝试将父容器设置为position: relative，并将要居中的元素设置为margin: auto。

Answer 2

var wh = $(window).height();
var ch = $('#container').height();
var mt = (wh - ch) / 2;
$('#container').css('margin-top', mt)

Answer 3

我不确定jquery定位是如何工作的，但是如果你的答案只涉及使用CSS在这些div上的位置，那么：

制作容器div 位置：绝对的; 顶部：50％; 左：50％;

然后你的'draggable'div需要这个定位：位置：相对; 顶部:( - div的总高度的一半）; left :( - div宽度的一半）;

例如，如果你的可拖动div为100px×100px，则顶部为-50px，左边为-50px。

Answer 4

<div id="container">
    <div id="draggable">
        <img src="something">
    </div>
</div>

确定父宽度比可拖动元素宽，然后尝试：

#draggable{display:block;margin:0 auto}

编辑，抱歉，刚刚意识到你需要它垂直居中。

尝试：

#container{display:table-cell}
#draggable{vertical-align:middle}