Угловая Кладка несколько столбцов с процентной шириной

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%. Возможно ли это с масонством? Если нет, что бы вы предложили? Благодаря!

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