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

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

对于那些使用 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。

Answer 2

您需要no-padding在ion-col而不是ion-row和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>