在 Angular2 Materials 中自动将 md-tab 调整到屏幕或容器宽度答案

【问题标题】：Auto fit md-tab to screen or container width in Angular2 Materials在 Angular2 Materials 中自动将 md-tab 调整到屏幕或容器宽度
【发布时间】：2017-04-25 22:19:53
【问题描述】：

大家好，

在 angular2materials 中，我想让 md-tab 宽度适合容器或屏幕宽度。（例如，如果 id 使用 2 个 md-tab 制作 md-tab-group，则每个 md-tab 应为容器宽度的 50vw 或 50%），因为它们具有固定宽度，我无法从 css 设置宽度。有什么想法吗？

see image example

【问题讨论】：

标签： css angular angular-material2

【解决方案1】：

在你的 CSS 中试试这个：

.md-tab-label

    flex: 1;

}

【讨论】：

我相信 md-tab 是类名，所以它应该以句点开头（.）。还将内容标记为代码，以便正确显示为代码块。