Javascript jQuery-设置计算的div宽度

Javascript jQuery-设置计算的div宽度,javascript,jquery,Javascript,Jquery,我试着在我的页面上把帖子设置为一个div,id=content,就像在G+上一样 #content { margin-top: 120px; margin-bottom: 70px; margin-left: auto ; margin-right: auto ; height: auto; } .card { height: 250px; width: 500px; margin: 10px; float: left;

我试着在我的页面上把帖子设置为一个div,id=content,就像在G+上一样

#content {
    margin-top: 120px;
    margin-bottom: 70px;
    margin-left: auto ;
    margin-right: auto ;
    height: auto;
}
.card {
    height: 250px;
    width: 500px;
    margin: 10px;
    float: left;

}
我想计算一下我能在屏幕上放多少卡。 所以我试了一下:

$(document).ready(function () {
    "use strict"; 
    var cardAmount = (Math.floor($(window).width/520))*520;
    $("#content").css("width", cardAmount);

});

但问题是,我认为.css的第二个参数必须是字符串,而不是字符串

问题很可能是您需要向该数字添加一个单位,以便CSS引擎知道如何处理它

另外,您的代码还有另一个问题——您没有在此处调用width函数:$window.width。请记住,width是jQueryAPI中的一个函数,而不是可以这样简单获得的DOMAPI参数。因此,整个修复非常简单:

var cardAmount = Math.floor($(window).width() / 520);
$("#content").css("width", cardAmount + "px");

这里-看看它在

中是如何工作的,我猜你在css中缺少px或%的语法

$("#content").css("width", cardAmount+"%");#or
$("#content").css("width", cardAmount+"px");#or
$("#content").css("width", cardAmount+"em");

你忘记了.width之后的括号。把它改成。宽度:它工作得很好!非常感谢。这个用于计算宽度的脚本是错误的,它只是计算了屏幕上可以显示多少卡片,而不是根据内容的宽度计算了多少卡片,但我在问题中对它进行了更新。