Jquery Div水平中心无绝对值

我有点小问题

我有一些元素的容器div，这些元素是图像，在其他div中。 比如：

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

我需要将容器垂直居中，但不能使用顶部：-healfHeight；利润率最高：50%；因为这样jQueryUI拖动就不起作用了。那么，我该如何解决这个问题呢(

---

尝试将父容器设置为

位置：相对
，并将要居中的元素设置为
边距：自动
尝试将父容器设置为
位置：相对
，将要居中的元素设置为
边距：自动
我不确定jquery定位是如何工作的，但如果您的answer仅涉及CSS在这些div上的位置，然后：

使容器div
位置：绝对位置；
最高：50%；
左：50%

然后，您的“可拖动”div需要以下定位：
位置：相对位置；
顶部：（-div总高度的一半）；
左：（-div宽度的一半）

例如，如果您的可拖动div是100px乘100px，那么顶部将是-50px，左侧将是-50px。
我不确定jquery定位是如何工作的，但是如果您的答案只涉及使用CSS在这些div上定位，那么：

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

使容器div
位置：绝对位置；
最高：50%；
左：50%

然后，您的“可拖动”div需要以下定位：
位置：相对位置；
顶部：（-div总高度的一半）；
左：（-div宽度的一半）

例如，如果您的可拖动div是100px乘100px，则顶部为-50px，左侧为-50px

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

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

尝试：

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

尝试：

计算图像的高度，屏幕的高度，然后是顶部值。使用JS进行表示是错误的。为什么你说jquery Dragable在其位置为绝对位置时不起作用？计算图像的高度，屏幕的高度，然后是顶部值。使用JS进行表示是错误的。为什么你是说jquery Dragable在其位置为绝对时不起作用吗？+1解决了我的问题，实际上我不需要父包装上的
position:relative
。+1解决了我的问题，实际上我不需要父包装上的
position:relative
。
#draggable{display:block;margin:0 auto}

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