在<mat-drawer-container>中定位

Question

我已经和我需要设置数据，使它在中心，但重叠的数据。

<mat-drawer-container class="example-container">
  <mat-drawer mode="side" opened position="start">
    <table>
      <tr *ngFor = "let item of Items">
        <td>
          <button mat-stroked-button class="side-button">{{item.value1}}</button> 
        </td>
      </tr>
    </table>
  </mat-drawer>
  <mat-drawer-content class="content">
    <app-component1></app-component1>
  </mat-drawer-content>
</mat-drawer-container>

哪些参数可以在这里有所帮助？

Answer 1

你不需要参数就可以解决问题。只使用css flex，问题就解决了。你可以使用这个代码块；

.outline-example-container {
 height: 100%; 
 width: 100%;
 display: flex;
 justify-content: center; // for horizontal 
 align-items: center // for vertical
}

<div class="outline-example-container">
 <mat-drawer-container class="example-container">
   ....
 </mat-drawer-container>
</div>