Html 如何拉伸md导航项目角度材质

如何拉伸md nav项目元素

pic1
------------------------------------------------
| ITEM1 | ITEM 2 |
------------------------------------------------

pic 2
------------------------------------------------
|         ITEM1        |          ITEM 2       |
------------------------------------------------

这是我正在使用的示例代码

<div>
<md-content class="md-padding" >
    <md-nav-bar md-selected-nav-item="currentNavItem" nav-bar-aria-label="navigation links">
    <md-nav-item md-nav-href="#activity" name="activity">Activity</md-nav-item>
    <md-nav-item md-nav-href="#feeds" name="feeds">Feeds</md-nav-item>      
    </md-nav-bar>
</md-content>
</div>

活动
喂养

您可以通过设置

 <div layout="row" layout-align="center" flex="50">

演示

角材料开关
活动
喂养
var app=角度。模块（'app'，['ngMaterial']）；
应用程序控制器（“ctrl”，函数（$scope）{
$scope.toggle=false；
$scope.selectedIndex=0；
});

您可以通过设置

 <div layout="row" layout-align="center" flex="50">

演示

角材料开关
活动
喂养
var app=角度。模块（'app'，['ngMaterial']）；
应用程序控制器（“ctrl”，函数（$scope）{
$scope.toggle=false；
$scope.selectedIndex=0；
});

将自定义类添加到您的

md导航栏中

<md-nav-bar class="stretch-tabs">
...
</md-nav-bar>

演示应用程序

var-app=angular.module（'app'，['ngMaterial']）
。拉伸标签ul{
显示：表格；
宽度：100%；
}
李先生{
显示：表格单元格；
}
.拉伸标签a{
宽度：100%；
}
.拉伸选项卡：类型的第一个{
保证金：0；
}

测试1
测试2
测试3
将自定义类添加到您的
md导航栏中

<md-nav-bar class="stretch-tabs">
...
</md-nav-bar>

演示应用程序
var-app=angular.module（'app'，['ngMaterial']）
。拉伸标签ul{
显示：表格；
宽度：100%；
}
李先生{
显示：表格单元格；
}
.拉伸标签a{
宽度：100%；
}
.拉伸选项卡：类型的第一个{
保证金：0；
}

测试1
测试2
测试3
谢谢，单击选项卡时突出显示的整个部分是否也可以展开？加下划线？我不明白！更多说明查看问题中的pic2，我希望整个
| ITEM1 |
可以单击，不仅仅是
ITEM1
，有意义吗？谢谢，我单击选项卡时突出显示的整个部分也可以展开吗？加下划线？我不明白！更多说明查看问题中的pic2，我希望整个
|ITEM1
都可以点击，而不仅仅是
ITEM1
，有意义吗？