具有百分比宽度的角砌体多列答案

【问题标题】：Angular Masonry multi-column with percentage width具有百分比宽度的角砌体多列
【发布时间】：2014-10-27 06:49:55
【问题描述】：

我有以下模板（注意我使用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%。砌体甚至可能吗？如果没有，你有什么建议？谢谢！

【问题讨论】：

标签： jquery angularjs jquery-masonry masonry

【解决方案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

【讨论】：