har*_*hit 1 css angularjs twitter-bootstrap-3
我试图在一个新行中显示每个单词.(我不能把这些词组合起来,想想刽子手游戏)哪里的单词显示为空白
<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/
我怎么能实现它？
谢谢
直接使用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'显示属性的.Div默认为"block",span为"inline".这意味着,div需要显示其内容所需的最小高度,以及尽可能多的宽度并打破新线.跨度采用最小高度和宽度,不会破坏新线.
| 归档时间： |
|
| 查看次数： |
4548 次 |
| 最近记录： |