砌体不适合多种宽度

Question

我是一个有角度的砌砖新手。我试图让砌体在角度上工作到一定程度，我现在面临的问题很少。下面给出的链接是我到目前为止所做的，以下是面临的两个问题：

<div ng-controller="MainCtrl">

    <div class="grid" masonry="true" column-width="460">
        <div ng-repeat="item in items" class="item {{item.class}}">
            <div><h1>{{item.name}}</h1></div>
            <br /> <span>Age: {{item.age}}</span>
            <br /> <span>Company: {{item.company}}</span>
        </div>
    </div>
</div>

Link to jsfiddle for my solution

1. instance 1



当有足够的空间时，较小的砖块不会被调整。例如。在＆＃34; Collin Alston＆＃34;我需要拥有＆＃34; Jasmine Rollins＆＃34;同样地。我如何应对这种变化？ （见下图）



1. instance 2



为什么＆＃34;风格＆＃34;属性是否应用于子元素？我需要将样式应用于＆＃34;项目w1砌砖 - ＆＃34;而不是孩子。

我在实例1中将其更改为例如2以显示我面临的两个问题。希望能得到一些解决方案。提前谢谢。

更新1：

我设法让砌体在这方面与角度一起工作。看看http://jsfiddle.net/h5jfd1wm/38/

但是当我调整窗口大小时，仍有一些空白区域。它就像从底部的一些砖块可以填满那些空的空间。如果你能在这里帮助我。