Question

我一直在尝试使用jQuery将#logo div放在居中的#content div的中心，但结果不一致。有时候它有效，有时却没有。在iPad上的Safari中，它经常“失败”，结果是徽标被放置在菜单下面，当然这是不可用的。这是中央代码：

function ReflowElements()
{
    var contentOffset = $("#content").offset();
    var contentWidth = $("#content").width();
    var menuWidth = $("#menu").width();

    var menuX = (contentOffset.left + contentWidth) - (menuWidth + 45);
    var menuY = contentOffset.top + 15;
    var menuPos = { left : menuX, top : menuY };

    var logoWidth = $("#logo").width();
    var logoX = (contentOffset.left + (contentWidth/2)) - (logoWidth/2);
    var logoY = menuY + 15;
    var logoPos = { left: logoX, top: logoY };

    $("#logo").offset(logoPos);
    $("#menu").offset(menuPos);
}

网站。 http://restaurant-passagen.dk/

任何线索都表示赞赏。

Answer 1

Dude，CSS：

#logo {
    display:block; 
    margin:auto;
}

jQuery定位困境 - 无法准确定位元素

1 个答案: