Question

我有以下模板（请注意我使用angular-masonry-directive）：

<div masonry='{ "transitionDuration" : "0.4s" , "itemSelector" : ".tile", "columnWidth":1}'>
    <div masonry-tile ng-repeat="item in queryset" class="tile">
        <item  ng-class-odd="'odd'" ng-class-even="'even'"></item>
    </div>
</div>

当我以像素为单位指定.odd和.even的宽度时效果很好，例如600px和300px，但是当我使用百分比时它不会，例如60％和30％。甚至可以用Masonry吗？如果没有，你会建议什么？谢谢！

Answer 1

将percentPosition: true添加到砌体设置中。这告诉Masonry根据百分比计算宽度。

<div masonry='{ "transitionDuration" : "0.4s" , "itemSelector" : ".tile", 
"columnWidth":1, percentPosition: true}'>
    <div masonry-tile ng-repeat="item in queryset" class="tile">
        <item  ng-class-odd="'odd'" ng-class-even="'even'"></item>
    </div>
</div>

在此处查看更多选项：masonry.desandro.com/options.html

具有百分比宽度的角形砌体多柱

1 个答案: