ng-repeat走出div

Question

我有一个ng-repeat

 <div class="description-block" style="text-align: left; margin: 0px">
       <span class="description-text">Targets:   </span>
       <span ng-repeat="target in obj.targets" class="label label-danger">{{target}}</span>
 </div><!-- /.description-block -->

但元素是从div

出来的

这是：

我该如何解决这个问题？

Answer 1

这与css有关，如何在div风格上添加display: block;或display: inline-block;。如果它仍然溢出，则将宽度设置为div。

示例：

 <div class="description-block" style="text-align: left; margin: 0px; display: block;">
   // your spans
</div>

希望有所帮助

Answer 2

<div class="description-block" style="text-align: left; margin: 0px; overflow-y:scroll">
   <span class="description-text">Targets:   </span>
   <span ng-repeat="target in obj.targets" class="label label-danger">{{target}}</span>

修正div的宽度并添加css属性，overflow-y：scroll。这将很好。如果你不工作滚动条只需设置div的最大宽度，内容将在下一行。