使用离子框架中的复选框时如何从离子标签中删除空间

gau*_*ang 4 html css checkbox sass ionic-framework

我想使用复选框,但离子标签内有空格。我无法从离子标签中删除空间。我想水平居中显示复选框。我的代码如下,有人可以帮我解决这个问题吗?

    <ion-item text-center no-lines>
        <ion-label color="secondary">
            keep me signed in
        </ion-label>
        <ion-checkbox item-right [(ngModel)]="Remember"></ion-checkbox>
    </ion-item>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

Hyu*_*ang 5

我的解决方案并不花哨,但有效。

在你对应的*.scss 中

ion-item{
    .input-wrapper{
        flex:none;
        margin-left: auto;
    }
    ion-checkbox.checkbox{
        margin-right: auto !important;
    }
}
Run Code Online (Sandbox Code Playgroud)

  • OP 询问了 ionic3,它通常使用 scss 作为样式。 (2认同)