Question

我的问题是假设，我还没有生成代码。

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

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

有什么建议吗？提前致谢

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

您也可以这样做：只需将标题放入＃{3}}中的#container，蓝色框居中并根据需要调整大小。也许这就是你追求的目标。

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

2 个答案: