问题导航栏中心 fxFlex fxLayout fxLayoutAlign答案

【问题标题】：Problem Navbar Center fxFlex fxLayout fxLayoutAlign问题导航栏中心 fxFlex fxLayout fxLayoutAlign
【发布时间】：2020-03-25 09:01:32
【问题描述】：

我正在设置导航栏。我写了代码，但导航栏总是在左边，我不明白为什么它没有移动到中心。

[enter image description here][1]

这是我的导航栏代码

<div class="navtabs-container">
    <nav mat-tab-nav-bar mat-tab-nav-bar fxFlex fxLayout fxLayoutAlign="center center">
        
        <a mat-tab-link routerLink="/"
        routerLinkActive #home="routerLinkActive"
        [active]="home.isActive">
        Home
    </a>
    <a mat-tab-link routerLink="/accomodation"
        routerLinkActive #accomodation="routerLinkActive"
        [active]="accomodation.isActive">
        Accomodation
    </a>
    <a mat-tab-link routerLink="/rentboat"
        routerLinkActive #rentboat="routerLinkActive"
        [active]="rentboat.isActive">
        Rent Boat
    </a>
    <a mat-tab-link routerLink="/daytripstours"
        routerLinkActive #daytripstours="routerLinkActive"
        [active]="daytripstours.isActive">
        Activities
    </a>
    <a mat-tab-link routerLink="/foodandbeverage"
        routerLinkActive #foodandbeverage="routerLinkActive"
        [active]="foodandbeverage.isActive">
        Food &amp; Beverage
     </a>

     <a mat-tab-link routerLink="/offers"
     routerLinkActive #offers="routerLinkActive"
     [active]="offers.isActive">
     Offers
 </a>
    
    </nav>

</div>

【问题讨论】：

你必须先分享你的风格。然后我可以帮助您改进它并集中您的导航栏。
你好，我发布了 navtabs.component.css navtabs.component-theme.scss navtabs.component.spec.ts navtabs.component.ts
您可以为类 .navtabs-container 设置属性“text-align: center”。就是这样。
我试过了，但是不行

标签： html navbar center

【解决方案1】：

我修好了

        &lt;nav mat-tab-nav-bar fxFlex fxLayout mat-align-tabs="center"&gt;

【讨论】：