CSS使用AngularJS将div与右侧对齐

Question

我之前已经意识到这种问题，但我找不到与你有动态内容有关的问题。

目前我有一个ng-repeat，可以创建与我的对象数组中当前一样多的div。我希望它们出现在彼此的右边，直到它们所在的容器已满，然后开始出现在彼此之下。

    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="panel panel-primary">
                <!-- Default panel contents -->
                <div class="panel-heading">Group 1</div>
                <div class="panel-body">
                    <div class='contentWrapper ng-cloak'>
                        <div class='content'>
                            <ul class="thumbnails">
                                    <p>

                                        <div class="grow " ng-repeat="form in listOfForms" data-drop="true" ng-model='listOfForms' jqyoui-droppable="{index: {{$index}}}" ng-class="{}" style="font-size: 20px;">
                                            <div class="grow " data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="listOfForms" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:false}">{{form.name}}</div>
                                        </div>
                                    </p>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

有没有好办法解决这个问题？