中心 angular 垫标签内容

Question

您好，可以将 mat 选项卡内容（标签）居中吗？

<mat-tab-group mat-stretch-tabs>
  <mat-tab label="Personal" >
adada
  </mat-tab>
  <mat-tab label="Others">

  </mat-tab>
</mat-tab-group>

谢谢

Answer 1

只需添加带有 flex 的包装器

  <mat-tab label="First"> 
    <div class="tab-content-center">
     My Content
    </div> 
  </mat-tab>

在css-

.tab-content-center {
  display: flex;
  justify-content: center;
}