Question

我尝试将我的网页帖子设置为一张ID为“内容”的div（就像在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;

}

我想知道我可以在屏幕上放多少.card。所以我尝试了这个：

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

});

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

Answer 1

问题很可能是你需要在这个数字上添加一个单位，以便CSS引擎知道如何处理它。

此外，您的代码还有另一个问题 - 您的调用宽度功能：$(window).width。请记住，宽度是jQuery API的一个函数，而不是DOM API参数，你可以简单地这样做。所以整个修复很简单：

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

此处 - 请参阅this fiddle

中的工作原理

Answer 2

我猜你错过了css中px或％的语法。

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

jQuery - 设置计算的div宽度

2 个答案: