Question

我正在尝试使用Bootstrap和个人CSS文件调整角色模板的样式。

<!-- index.html -->
<div static-include="partial/example.html"></div>

这里，static-include是我在Stack Overflow上找到的一个指令，用于不创建子范围。

<!-- example.html -->
<div class="well">
    <h6>Listes</h6>
    <div ng-repeat="column in lists">
        <dt>{{ column.name }}</dt>
        <dd ng-repeat="term in column">{{ term }}</dd>
    </div>
</div>

根据使用的$ scope，div的大小改变：

但我希望能够指定最大高度。 max-height的问题是只有井的大小发生变化：

我可以做些什么来宣布一个最大高度，例如，如果“Gratuite”超越，它将会出现在右边？

编辑：像这样：

PS：我对我表达问题的方式感到非常抱歉，但我缺乏技术词汇。

PS2：最后一张图片是photoshopped，我没有答案。

谢谢

Answer 1

我试图创造一个小提琴来复制你的条件。也许你可以解决这个问题并给我们一个更好的例子来说明你想要考虑的情况？

http://jsfiddle.net/rodhartzell/2AgC4/3/

HTML

<body ng-app="myApp">
        <div ng-controller="MyCtrl">
            <div class="well">
                 <h6>Listes</h6>
                <dl ng-repeat="column in lists"> 
                    <dt>{{ column.name }}</dt>
                    <dl ng-repeat="num in column.term">{{num}}</dl>
                </dl>
            </div>

        </div>
    </body>

的JavaScript

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

    $scope.lists =  [{
            "name": "Peremntion",
            "term": [2, 5, 9, 0, 11, 0, 0]
        }, {
            "name": "column 2",
            "term": [2, 5, 9, 0, 11, 0, 0]
        }];
}

带引导程序的最大高度和水平显示

1 个答案: