html - 如何解决扩展面板边距问题

Question

我使用扩展面板显示我的后端数据，但由于某种原因，边距非常奇怪，有些看起来几乎相互接触，有些看起来彼此相距较远。

除了 margin-bottom: 1px 之外，我没有任何样式，所以如果我能得到任何建议或帮助来解决这个问题以使其看起来不错并使边距保持不变，我将不胜感激。

                <mat-nav-list>
                    <mat-expansion-panel class="exp-panel" *ngFor="let section of mappedSecSub | async">
                        <mat-expansion-panel-header *ngIf="section.parentId == null" style="align-items: center;">
                            <div>{{section.name}}</div>
                        </mat-expansion-panel-header>
                        <div *ngFor="let subSection of mappedSecSub | async; let last=last">
                            <div *ngIf="subSection.parentId == section.id;" (click)="clicked(subSection.id)">
                                <a mat-list-item>{{subSection.name}}
                                    <mat-divider *ngIf="!last" class="solid"></mat-divider>
                                </a>
                            </div>
                        </div>
                    </mat-expansion-panel>
                </mat-nav-list>

.exp-panel {
  margin-bottom:1px;
}

mappedSecSub = this.mappedSections.asObservable()

  ngOnInit(): void {
    this.fetchData();
  }

  fetchData = () => {
    this.loading = true;
    this.HelpService.getHelp().subscribe(res => {
      this.loading = false;
      this.cdRefs.detectChanges()
      this.mappedSections.next(res['res'])
      setTimeout(() => {
        if (this.data && this.data.needToScroll) {
          this.scrollToLast()
        }
      }, 1000)
      this.allData = res['res']
    }, () => this.loading = false)
  }

边距看起来是随机的。他们没有相同的利润。

标签： htmlcssangulartypesstyles