Css 如何使material2选项卡使用整页大小

我想创建包含两个选项卡的选项卡组。选项卡组应使用整页大小，单个选项卡的宽度应相等。下面是我正在使用的代码

<md-tab-group fxFlexFill>
    <md-tab>
        <ng-template md-tab-label>
            <md-icon>description</md-icon> Content Privileges
        </ng-template>
        Content Privileges
    </md-tab>
    <md-tab>
        <ng-template md-tab-label>
            <md-icon>flash_on</md-icon> Application Privileges
        </ng-template>
        Application Privileges
    </md-tab>
</md-tab-group>

说明内容权限
内容特权
应用程序权限上的flash_
应用程序权限

这是上面的输出

选项卡未使用全宽。标签图标和文本未对齐

---

我怎样才能做到这一点呢？

您可以使用以下css将它们均匀分布

/deep/ .mat-tab-label {
    width: 50%;
}

---

对于对齐问题：我只使用

垂直对齐：中间在
md图标中
并用span更改div。它似乎起作用了

<div>
  <md-tab-group >
    <md-tab>
        <ng-template md-tab-label>
            <md-icon style="vertical-align:middle;">description</md-icon> 
            <span class="title">Content Privileges</span>
        </ng-template>
        Content Privileges
    </md-tab>
    <md-tab>
        <ng-template md-tab-label>
            <md-icon style="vertical-align:middle;">flash_on</md-icon>
            <span class="title">Application Privileges</span>
        </ng-template>
        Application Privileges
    </md-tab>
  </md-tab-group>
</div>


描述
内容特权
内容特权
闪现
应用程序权限
应用程序权限
只需将
垫子拉伸标签
与
配合使用，即可获得相同的宽度。
e、 g-


...
...
如果有两个以上的选项卡怎么办？以及如何对齐图标和文本？我看到图标文本部分，我会把它放在答案中，让我知道颜色。什么颜色？只需使用
md tab group
上的
md stretch tabs
属性即可。
<mat-tab-group mat-stretch-tabs>
  <mat-tab>
   ...
  </mat-tab>
  <mat-tab>
    ...
  </mat-tab >
</mat-tab-group>