css - 如何在 Angular 对话框窗口中制作滚动 div

Question

我想在对话框中做一些类似图表的事情。问题是图形很长，对话框只有 800 像素。我试图在底部做一个滚动，它支持一个 div 并将它向左和向右移动，但不是在一行中创建图形，css 在对话框中创建下一行并在右侧添加一个滚动。

代码:

<mat-dialog-content>
    <div class="table">
      <div class="columns" *ngFor="let obj of getArray(); let i = index"
                     index="{{i}}" value="{{obj}}"></div>
    </div>
  </mat-dialog-content>

CSS:

columns {
  display: inline-block;

}

.table {
  min-height: 700px;
  height: 400px;
  overflow-x: scroll;
}

Answer 1

尝试添加到您的 css max-height 并且当您的内容高度超过 div haight 时您的 scroll-x 必须工作