离子行呈现在屏幕外

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

ioncol 或 ion-row 具有默认填充和边距，因此如果您不想使用，则添加标签无边距和无填充默认边距和填充将被删除