代码之家 › 专栏 › 技术社区 › gaurang

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

sass checkbox ionic-framework css html

gaurang · 技术社区 · 6 年前

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

<ion item text center no lines>
<ion label color=“secondary”>
让我保持登录状态
</ion标签>
<ion checkbox item right[(ngmodel)]=“记住”>/lt;/ion checkbox>
</ion项目>
=

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

2 回复 | 直到 6 年前

Hyuck Kang 6 年前

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

Sarah.M.M 6 年前

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前