我有以下的ion-tabs布局：

<ion-tabs #tabs (ionTabsDidChange)="setCurrentTab()" >
    <ion-tab-bar slot="bottom">
      <ion-tab-button routerDirection='root' *ngFor="let tab of tabList" [tab]="tab.root" class="actual-tab">
        <ion-grid>
          <ion-row>
            <ion-col size="10">
              <ion-thumbnail id="thumbnail_viewer{{tab.root}}"></ion-thumbnail>
            </ion-col>
            <ion-col size="2" class="ion-align-self-start ion-justify-content-end">
              <ion-icon class="close" name="close" (click)=closeTab(tab.root) title="Close tab" [style.visibility]="tab.root === 'tab1' ? 'hidden' : 'visible'"></ion-icon>
            </ion-col>
          </ion-row>
          <ion-row>
            <ion-col size="10">
                <ion-label>{{tab.title}}</ion-label>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-tab-button>
      <ion-tab-button (click)="addTab(false)">
        <ion-icon name="add-circle"></ion-icon>
      </ion-tab-button>
    </ion-tab-bar>
  </ion-tabs>
</ion-content>

字符串
我希望我的离子网格包含在我的离子标签按钮，以采取标签按钮的全部宽度，即我希望红色空间扩展到相同的大小作为白色空间在下面的截图：
x1c 0d1x的数据
我发现，如果我在开发工具中在网格级别上将flex-direction从列到行改变，它会给我想要的结果。但是我不知道如何在css甚至内联样式中做到这一点。我花了很长时间尝试离子文档中的许多东西。有人能给我指出正确的方向吗？