jquery - 使用 jQuery 获取 div x 的宽度并将相同的宽度应用于 div y

Question

我的问题是假设性的，我还没有生成的代码可以使用。

我有一个居中网格的网页，使用 jQuery Masonry 排列。我的问题是美学问题之一。因为砌体使网格居中，这是有目的的，所以网格通常比父容器薄得多，因此它与页眉和页脚中的元素对齐不太好。类似地，有时允许网格扩展到超出标题的宽度，这看起来更糟。

我已经研究过使用脚本来调整流体列的大小，尽管我的网格包含图像并且结果并不好。我现在在想，也许有一个小脚本可以在任何时候检测和获取砌体容器#grid的宽度（宽度当然是动态的并内联显示），例如<div id="grid" class="masonry" style="height: 408px; position: relative; width: 1368px;">然后将相同的宽度应用于#header，#footer，以及根据网格宽度使整个事物排列整齐的任何其他要求。

有什么建议么？提前致谢

Answer 1

当然

var current_width = $("#grid").width();
$("#footer, #header").width(current_width);

或者

$("#footer, #header").width($("#grid").width());

现在当页面被调整大小时（如果页面被缩放也会发生？）运行如下代码：

$(document).ready(function() {
    $(window).resize(function() {
        $("#footer, #header").width($("#grid").width());
    });
});

Answer 2

您也可以这样做：只需将标题放入#container 中，就像在这个小提琴中一样，蓝色框居中并根据需要调整大小。也许这就是你所追求的。