Question

我正在使用Masonry创建布局，每篇文章的大小宽度为50％，但我希望第一个元素的宽度大小为100％。我使用css是第一个孩子，但它没有任何效果。这是HTML代码：

<article class="item" position="absolute">..</article>
<article class="item" position="absolute">..</article>
<article class="item" position="absolute">..</article>
<article class="item" position="absolute">..</article>

Jquery的：

var init_layout = function() {
    var c = $(".blog-masonry"),
        a = $(".masonry"),
        b = function() {
            c.masonry({
                itemSelector: ".item"
            })
        },
        d = function() {
            a.masonry({
                itemSelector: "article.item",
                isResizeBound: !1,
                isInitLayout: !1
            })
        };
    if (0 != c.size()) $(window).on("load", b);
    0 != a.size() && (b = function() {
        $("article.item", a).each(function() {
            $(this).height($(this).width());
            $(".tm-content-inner", this).height($(this).width())
        });
        a.masonry("layout")
    }, $(window).on("load", d), $(window).on("load", b), $(window).smartresize(b))
};
$(function() {
    init_layout()
});

对我有任何帮助吗？非常感谢你的参与。

Answer 1

在砌筑场地上有这样的例子。你需要另一个班级＆＃39; .item-wide＆＃39;例如，该项目的样式为100％宽度。没有合适的jsfiddle或codepen示例很难分辨，但请查看砌体文档here

在Masonry Layout中更改大尺寸的第一篇文章

1 个答案: