css - ionic 行渲染出屏幕

Question

我有一个简单的看法:

<ion-content>
  <ion-grid *ngIf="loaded">
    <ion-row>
      <ion-col>Stuff</ion-col>
      <ion-col>Stuff</ion-col>
      <ion-col>Stuff</ion-col>
    </ion-row>
  </ion-grid>
<ion-content>

但是<ion-row>由于应用到左侧和右侧的 -15px 边距，元素呈现在屏幕外。 这是预期的行为吗？

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

Answer 1

ion col 或 ion-row 有默认的 padding 和 margin，所以如果你不想使用那么添加标签 no-margin 和 no-padding default margin and padding 将被删除