jquery垂直对齐2个div

这就是我想要达到的目标

我有一个流体工具提示和一个按钮。它们的宽度由文本和div填充确定。文本可能会有所不同。也就是说，如何通过Jquery将它们垂直对齐

我想使用jquery的原因是为了避免使用表和过多的HTML

我尝试了width（）函数，但它没有给出确切的宽度。我想一个人也应该得到填充物

最后，我对数字很在行。。我不确定可以使用什么公式，但我怀疑可能是将两个div宽度除以2，然后以某种方式使中间居中

编辑：单击按钮时，将显示工具提示，绝对不会干扰/推送其他div

---

编辑：正在工作jsfiddle.net/Aezb6

获取callout div的宽度//

widthCallout=$（'#calloutdivWidth'）//这是动态的

除以按钮的宽度，该宽度为常数

向左走：

left= widthCallout/pushbuttonwidth

您可以使用paddingLeft值+或-来精确定位中心：
参见此示例：

var item = $(".tooltip");
var container = $("#container");

var position = item.position();

var mytop = position.top - container.height() + $(document).scrollTop();
var myleft = position.left - container.width() + $(document).scrollLeft();

// Correct relative coordinates for IE and WebKIT
if($.browser.msie || $.browser.webkit){
    mytop = position.top - container.height();
    myleft = position.left - container.width();
}

container.offset({top: mytop, left: myleft});
变量项=$（“.tooltip”）；
var container=$（“#container”）；
var position=item.position（）；
var mytop=position.top-container.height（）+$（document.scrollTop（）；
var myleft=position.left-container.width（）+$（document.scrollLeft（）；
//更正IE和WebKIT的相对坐标
if（$.browser.msie |$.browser.webkit）{
mytop=position.top-container.height（）；
myleft=position.left-container.width（）；
}
偏移量（{top:mytop，left:myleft}）；

您只需将它除以2即可得到工具提示的中间点。
您的意思是水平对齐它们吗？@user，当您单击push div时，您将得到“谢谢您的Pussing as”的提示，对吗，如果是这样，让我知道这应该很容易only@gov是的，当单击按钮时，您会看到弹出的工具提示。我应该提到，工具提示是绝对的，因此不会干扰其他div。@用户，我给了您一些解决方案，请尝试一下。@user:我调整了您的代码，只是将它除以2，参见下面的示例。按钮的宽度也是动态的，其文本varies@user，因为这是绝对定位的，所以将其更改为左侧property@user没问题，这就是为什么你应该动态获得宽度，但你不能让宽度动态增长，你应该提供一些宽度，@user，已经有一些callout jquery插件可用，请尝试这些插件，它们将负责定位等。哈哈，我希望我能早点知道，我想我会使用该插件。无论如何，我到目前为止所做的就是：）