Angular Material 在中心对齐菜单选项卡

标签 angular angular-material

如何将垫子菜单选项卡居中对齐?

现在

<mat-toolbar>
    <nav mat-tab-nav-bar aria-label="weather navigation links" [backgroundColor]="tabNavBackground">
        <a mat-tab-link routerLink="/lala">lala</a>
        <a mat-tab-link routerLink="/lala2">lala2</a>
        <a mat-tab-link routerLink="/lala3">lala3</a>
      </nav>
</mat-toolbar>

最佳答案

您可以将 mat-align-tabs="center" 添加到导航中,使其居中... 见下文...

<mat-toolbar>
 <nav mat-tab-nav-bar mat-align-tabs="center" aria-label="weather navigation links" [backgroundColor]="tabNavBackground">
    <a mat-tab-link routerLink="/lala">lala</a>
    <a mat-tab-link routerLink="/lala2">lala2</a>
    <a mat-tab-link routerLink="/lala3">lala3</a>
 </nav>
</mat-toolbar>

关于 Angular Material 在中心对齐菜单选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48609253/

相关文章:

angular - Mat扩展面板默认打开的bug?

angularjs - Angular, ng-messages 未显示在 Angular Material Design 对话框(md-dialog)中

angular - Angular7 中的 ElasticSearch Post 调用抛出 400 错误

angular - 如何在 angular cli webpack 中使用提前编译器

angular - 如何转义 Angular 日期管道中的字符?

javascript - Angular 2 : is styleUrls relative to the current component?

html - 如何使用 Angular Material 或 Angular 制作图像中给出的底部栏?

angular - 如何在 Angular 2 中使用分页重新加载页面?

angular - 如何将 core-js 映射导入到 angular-cli webpack 生成的应用程序中

Angular PrimenG - 复选框和提交功能