Javascript/Jquery-获取多个块的宽度

我的英语不好。因此，我将尝试使用有问题的图片

我有一个响应web表单，其中多个

块
s（固定宽度180px）按连续顺序排列。它基于
内容块的宽度（内容的宽度不是固定的）。而
B块
的宽度将与许多
A块
的宽度相同。

我以前的解决方案是创建
C块
。然后取
C块的宽度
，并将该宽度分配给
B块
。但问题是
C块
将受到css的限制。中国ỉ cócách sử Dụng显示：内联mớ伊科思ể 毕ếtđượ奇奇ề乌尔ộng của“C区”。只有使用display:inline才能知道
C块的宽度
。这使得
C
无法覆盖所有块

例：

现在，另一个解决方案是将
内容块的宽度除以180（px）。然后取小数点左边的数字，乘以180（px），将输出
B块
的宽度，而不考虑
C块
。

例：

我需要一个脚本代码来解决新的解决方案。我刚开始写这个剧本。有很多事情我还不知道。请帮我回答上面的问题。我会非常感激的
 我找到了解决办法

$( document ).ready(function() { 
 var width=$(".content").width();
  var num = Math.floor(width/180);
 $(".b").css('width',num*180).text(num*180);
  $(window).resize(function() { 
 var width=$(".content").width();
  var num = Math.floor(width/180);
 $(".b").css('width',num*180).text(num*180);
 }); 
});

但是，为什么如果我将代码缩短如下，会导致浏览器崩溃

$( document ).ready(function abc() { 
 var width=$(".content").width();
  var num = Math.floor(width/180);
 $(".b").css('width',num*180).text(num*180);
  $(window).resize(function() { 
 abc();
 }); 
});

我找到了解决办法

$( document ).ready(function() { 
 var width=$(".content").width();
  var num = Math.floor(width/180);
 $(".b").css('width',num*180).text(num*180);
  $(window).resize(function() { 
 var width=$(".content").width();
  var num = Math.floor(width/180);
 $(".b").css('width',num*180).text(num*180);
 }); 
});

但是，为什么如果我将代码缩短如下，会导致浏览器崩溃

$( document ).ready(function abc() { 
 var width=$(".content").width();
  var num = Math.floor(width/180);
 $(".b").css('width',num*180).text(num*180);
  $(window).resize(function() { 
 abc();
 }); 
});

只是一个有趣的观点。你的问题到底是什么？我不认为C区是540px。@Christoph我需要一个新版本的脚本代码solution@RichardYan例如，它更容易理解。块A有其他标记只是一个有趣的点。你的问题到底是什么？我不认为C区是540px。@Christoph我需要一个新版本的脚本代码solution@RichardYan例如，它更容易理解。块A有其他标记，因为您正在调用函数abc on window resize，该函数调整窗口大小。这是一个无限循环。你应该把它作为一个单独的问题，因为你正在调用函数abc来调整窗口的大小。这是一个无限循环。顺便说一句，你应该把这个问题单独提出来