html - 显示到固定的html区域

Question

在我的 html 中，我从 Controller 得到“响应”。响应中的行数各不相同(最多 3 行)。在我的 html 页面上“保留”3 行的最佳方法是什么，这样下一个带有“SOMETHING”段落的 div 就不会被“response”向下滚动？

<div class="row">
    <p ng-bind-html="response"></p>
</div>
<div class="row">
    <p>SOMETHING</p>
</div>

Answer 1

使用 CSS，固定 3 行占用的高度，并使用 overflow 在固定高度的 div 内滚动。

CSS Overflow可能对你有帮助。

.row-fixed-height {
高度:150px；
溢出:滚动；
}

在 HTML 中:

<div class="row-fixed-height">
  <p ng-bind-html="response"></p></div>