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

Posted 2023-03-06

【中文标题】在离子框架中使用复选框时如何从离子标签中删除空间

【英文标题】：how to remove space from ion-label while using with checkbox in ionic framework

【发布时间】：2018-12-16 23:05:30

【问题描述】：

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

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

【问题讨论】：

你想要什么居中ion-label 带有粘性复选框？

是的，我想将其设置为水平居中。

【参考方案1】：

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

在你对应的*.scss

ion-item
    .input-wrapper
        flex:none;
        margin-left: auto;
    
    ion-checkbox.checkbox
        margin-right: auto !important;
    

【讨论】：

您好 Hyuck Kang，您为什么要提供 SCSS 解决方案？也许我跳过了一些东西，但是 OP 是否专门在 SCSS 中询问了解决方案？

OP 询问了 ionic3，它通常使用 scss 作为样式。

【参考方案2】：

早上好，希望这朵云对你有帮助

ion-item.item-input 
    padding-left: 0;