离子行渲染屏幕

Posted 2021-04-17

我有一个简单的看法：

<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;
}

答案

ion col或ion-row有默认的填充和边距，所以如果你不想使用那么添加标签无边距和无填充默认边距和填充将被删除