Height 行中最后一项的高度相等

这是我的问题: 是否可以为行中的最后一个项目设置相同的高度？ 我的砖石布局在两列上，我想把最后两个项目设置为相同的高度

更新

这是一个简单的开始代码，我认为应该使用，因为我还没有开始使用它：

        /* ---- js ---- */
        jQuery(document).ready(function($) {

            var $container = $('#container');
            $container.imagesLoaded(function () {
                $container.masonry({
                    isInitLayout: false,
                    isFitWidth: true
                });
                $container.masonry('layout');
            });
        });

        /* ---- css ---- */
        .wrapper{
            margin: 0 auto;
        }
        #container {
            width: 100%;
            height: 1200px;
            background: #DDD;
            margin: 0 auto;
        }

        #container:after {
          content: '';
          display: block;
          clear: both;
        }

        .item {
            float: left;
            width: 500px;
            background: #0D8;
            border-color: hsla(0, 0%, 0%, 0.7);
        }
        .item img{
            max-width: 100%;
        }


        <!-- ---- html ---- -->
    <div class="wrapper">
        <div id="container">
            <div class="item"><img src="img/image1.jpg" width="500" height="200" alt="" /></div>
            <div class="item"><img src="img/image2.jpg" width="500" height="450" alt="" /></div>
            <div class="item"><img src="img/image3.jpg" width="500" height="300" alt="" /></div>
            <div class="item"><img src="img/image4.jpg" width="500" height="260" alt="" /></div>
            <div class="item"><img src="img/image5.jpg" width="500" height="500" alt="" /></div>
            <div class="item"><img src="img/image6.jpg" width="500" height="420" alt="" /></div>
            <div class="item"><img src="img/image7.jpg" width="500" height="260" alt="" /></div>
            <div class="item"><img src="img/image8.jpg" width="500" height="430" alt="" /></div>
        </div>
    </div>

/*--js--*/
jQuery（文档）.ready（函数（$）{
var$container=$（“#container”）；
$container.imagesLoaded（函数（）{
$container.com({
isInitLayout:错误，
isFitWidth:正确
});
$container.mashise（‘布局’）；
});
});
/*----css----*/
.包装纸{
保证金：0自动；
}
#容器{
宽度：100%；
高度：1200px；
背景：DDD；
保证金：0自动；
}
#容器：之后{
内容：''；
显示：块；
明确：两者皆有；
}
.项目{
浮动：左；
宽度：500px；
背景：#0D8；
边框颜色：hsla（0,0%，0,0.7）；
}
.项目img{
最大宽度：100%；
}

多谢各位。

---

Fabio

我已经用代码更新了我的帖子。谢谢。Macsupport有什么消息吗？