我有angularJSng-repeat
我想将滚动条添加到列表项,因为它在字段中可能具有4000个字符,因此在那种情况下,如何基于行或max-height为滚动条设置滚动条div
?
main.html
<div class="row">
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading clearfix">
<h3 class="panel-title">Notification<span class="badge">{{tests.length}}</span></h3>
</div>
<div class="panel-body">
<ul>
<li class="slide" ng-repeat="test in tests">
<div class="alert" role="alert" ng-class="{'alert-info': notification === 'H'}">
<span>{{test}}</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
我认为这是一个HTML问题。尝试将此CSS添加到您的代码中:
.panel-body {
overflow: scroll;
height: 100px;
}
溢出是overflow-x和overflow-y的组合。如果您只需要为垂直溢出添加滚动条,则只需采用溢出-y:如果不想在内容较小时看到滚动条,请尝试溢出:自动。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句