Question

我试图在一个新行中显示每个单词。（我不能把这些词组合起来，想想刽子手游戏）里面的单词显示为空白

    <body ng-init="models = [['H','a','p','p','y'],['X','m','a','s']]">
 <div ng-repeat="m in models">
     <div ng-repeat="movie in m track by $index">
              <span class="control-label1">{{movie}}</span>
     </div>
    </div>
</body>

但是get输出以垂直方式显示。

我希望它显示为

H a p p y
X m a s

（中间有空格）

http://jsfiddle.net/hr1383/uveyfLz1/

我怎么能实现它？

由于

Answer 1

直接使用span元素而不是div：）

<html ng-app>
   <body ng-init="models = [['H','a','p','p','y'],['X','m','a','s']]">
       <div ng-repeat="m in models">
          <span class="control-label1" ng-repeat="movie in m track by $index">{{movie}} </span>
       </div>
   </body>
</html>

关于css＆＃39;显示属性。 Div＆＃34; block＆＃34;默认情况下，span是＆＃34; inline＆＃34;。这意味着，div需要显示其内容所需的最小高度，以及尽可能多的宽度并打破新线。跨度占用最小高度和宽度，并且不会破坏新线。

使用ng-repeat和bootstrap在水平线上显示文本

1 个答案: