角砌体多列

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的宽度，以像素为单位。即使，例如它的伟大工程600px和300px，但当我使用百分比时不会60％和30％。砌体还有可能吗？如果不是，你会建议什么？谢谢！

Answer 1

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

<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