Angular中ng-repeat元素之间的差距

Question

ng-repeat显示div元素时,我遇到了多个元素的问题inline-block.元素之间存在奇怪的差距,其中一个ng-repeat结束并且下一个元素开始,如图像所示:

我创建了一个plunk来演示这种行为:

为什么会发生这种情况以及如何消除这种差距？

Answer 1

检查这个插头

有一个黑客可以删除在换行时出现的内联元素之间的空格.

<div class="red" ng-controller="TestCtrl">
  <div class="blue number" ng-repeat="number in array1 track by $index">{{number}}</div><!--
  --><div class="green number" ng-repeat="number in array2 track by $index">{{number}}</div><!--
  --><div class="teal number" ng-repeat="number in array3 track by $index">{{number}}</div>
</div>

你可以在这里阅读更多有关其他黑客的信息.