如何去除离子中离子行和离子色谱柱的空间（边缘/填充）？

Question

这是我的代码：

<ion-content padding text-center>
    <img src="../assets/img/logo.png" width="200" class="logo" />


</ion-content>
<ion-footer>
    <ion-row no-padding>
        <ion-col col-6 align-self-stretch>
            <button ion-button full>Button</button>
        </ion-col>
        <ion-col col-6 align-self-stretch>
            <button ion-button full>Button</button>
        </ion-col>
    </ion-row>
</ion-footer>

我需要删除ion-row和ion-col的填充/边距。我试过谷歌搜索但我没有运气。我也是Ionic的新手。 TIA！

以下是截图：

我需要实现这个目标：

Answer 1

您需要在ion-col上设置no-padding属性而不是离子行，并为按钮设置no-margin。

<ion-row>
    <ion-col col-6 no-padding>
        <button ion-button full no-margin>Button</button>
    </ion-col>
    <ion-col col-6 no-padding>
        <button ion-button full no-margin>Button</button>
    </ion-col>
</ion-row>

Answer 2

对于使用Ionic4 +的用户，请使用class="ion-no-padding"或class="ion-no-margin"。

...
<ion-col class="ion-no-padding">
   <ion-button class="ion-no-margin">Button</ion-button>
</ion-col>
...

有关更多信息，请参阅文档：https://ionicframework.com/docs/layout/css-utilities#element-padding。