Flex CSS布局flex：行的nowrap不占用col的整个宽度

Question

通过在同一行中使用 nowarp 内容。例如，当离子col延伸至300px但离子行未延伸至col宽度时。 ion-row仅显示200px。

ion-col（col-auto）基于宽度增加，但离子行未占用宽度。

.nowraped{
    flex-wrap: nowrap !important;
}

<div *ngFor="let chart of charts">
    <div class="container">
        <ion-grid>
            <ion-row class="nowraped">
                <!--row showing as 200 px -->
                <ion-col col-6 style="max-width: 50%">
                    Data Layers
                </ion-col>
                <ion-col col-auto>
                    Data Layers (Content incresed to 300px)
                </ion-col>
            </ion-row>
        </ion-grid>
    </div>
</div>