砌体没有按预期工作

Question

我正在使用Angular 2的masonry package，我无法按预期工作间距。我已经更新plunkr以显示我的意思，但基本上，这些项目会一直向右推或者被推到页面上。

我缺少一个设置吗？

@Component({
  selector: 'my-app',
  template: `
    <button (click)="addBrick()">Add brick</button>
    <masonry [options]="{ percentPosition: true }">
      <masonry-brick class="brick brick-4">brick</masonry-brick>
      <masonry-brick class="brick brick-2">brick</masonry-brick>
      <masonry-brick class="brick brick-2">brick</masonry-brick>
      <masonry-brick class="brick brick-4">brick</masonry-brick>
    </masonry>
  `,
  styles: [`
    .brick { 
      width: 5%;
      background: green;
      margin: 5px;
      padding: 15px;
    }
  `]
})