Jquery位置左永不结束

我希望我能找到解决我问题的办法——我一直在努力解决这个问题，但我不知道问题在哪里。 为了更好地衡量，这里是代码

$(window).resize(function(){
var windowWidth = $(window).width();
var sec1LogoWidth = $('#sec1-logo').width();     

    if (windowWidth == sec1LogoWidth) {
            $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))) + 'px','left': '0' + '!important' + 'px', 'margin-left': 10 + 'px', 'margin-right': 10 + 'px'});
        } else {
            $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))) - 100 + 'px','left': Math.abs((windowWidth / 2) - (sec1LogoWidthImg-(Math.ceil(sec1LogoWidthImg/2)))) + 'px'});
        };     
};

基本上，我在这里做的是确保logo始终位于页面中心（顶部和左侧），但是如果logo宽度和窗口宽度相等，那么我希望它将左侧置于0 px…并将其保持在0 px。 问题是，一旦左位置达到0px，它就会开始添加超过0px的左位置。 我不知道如何阻止这一切的发生。 有什么建议吗？

---

谢谢，

您不需要不断地将数字重新定义为字符串并添加“px”。尝试：

if (windowWidth == sec1LogoWidth) {
        $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))),'left': 0, 'margin-left': 10, 'margin-right': 10 });
    } else {
        $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))) - 100,'left': Math.abs((windowWidth / 2) - (sec1LogoWidthImg-(Math.ceil(sec1LogoWidthImg/2)))) });
    }

---

因此，当窗口调整大小时，您会更改窗口中包含的元素的大小，这会导致窗口调整大小，并触发“resize”事件。另请参见，要使页面内容居中，有CSS可自动执行此操作。。。如果窗口太小，包括缩小。