时间戳

首页 > 解决方案 > 使用角度材质网格列表时如何避免水平滚动条？

angular - 使用角度材质网格列表时如何避免水平滚动条？

问题描述

我在组件内使用 mat 网格列表，类似于：

<mat-grid-list cols="4" rowHeight="650px" gutterSize="10px">
<mat-grid-tile
  *ngFor="let tile of tiles"
  [colspan]="tile.cols"
  [rowspan]="tile.rows"
  [style.background]="tile.color"
>
  {{tile.text}}
</mat-grid-tile>

每当我给它一个高于 200px 的高度时，它会自动添加一个水平滚动条，我不知道为什么或如何避免它。

有谁知道如何解决这个问题？

标签： angularangular-material

解决方案

原来它实际上不是垫网格列表，而是父组件。它的横向填充配置为 20 像素，每当页面高度增加时，它就会添加横向滚动。将填充设置为零并且已修复

推荐阅读