使用角度材质

时间:2016-10-09 14:35:35

标签: css angularjs flexbox angular-material

我试图将我的导航栏居中,但是当我使用layout-align ='空格 - 中心'它不是100%宽度,它的行为就像一个内联元素。

我正在关注文档,但没有任何作用......这里是代码:

<body ng-app="PetApp" layout='row'>

<div layout="row" flex>
  <md-nav-bar layout-fill aria-label='Main Menu' md-selected-nav-item="currentNavItem">
      <md-nav-item md-nav-sref='#inicio' name="inicio">Inicio</md-nav-item>
      <md-nav-item md-nav-sref="#conheca" name="conheca">O Aplicativo</md-nav-item>
      <md-nav-item md-nav-href="#cadastro" name='cadastro'>Cadastre-se</md-nav-item>
      <md-nav-item md-nav-href="#contato" name='contato'>Contato</md-nav-item>
  </md-nav-bar>
</div>

<script src="node_modules/angular/angular.min.js"></script>
<script src="node_modules/angular-material/angular-material.min.js"></script>
<script src="node_modules/angular-animate/angular-animate.min.js"></script>
<script src="node_modules/angular-aria/angular-aria.min.js"></script>

<script type="text/javascript">
  angular.module('PetApp', ['ngMaterial']);
</script>

提前致谢!

1 个答案:

答案 0 :(得分:0)

使md-navbar居中使用布局选项

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

DEMO