小编Ric*_*cón的帖子

Primeng p-密码组件宽度不适合容器

我正在使用 primeng 做一个登录页面,一切都运行良好,但特别是当上面的输入完成时,p-password 组件不适合。

<div class="flex flex-column align-items-center gap-3  text-center   ">
    <span class="p-input-icon-left w-full">
        <i class="pi pi-user"></i>
        <input id="email1" type="email" pInputText class="w-full" placeholder="Username" />
    </span>

    <p-password id="password1" type="password" class="w-full" [feedback]="false" placeholder="Password"
        [toggleMask]="true"></p-password>

    <button routerLink="/dashboard" pButton pRipple label="Log In" class="w-full"></button>
</div>
Run Code Online (Sandbox Code Playgroud)

这就是结果。我不知道我是否遗漏了一些东西。我阅读了 primeng 和 primeflex 文档,但没有任何效果。如果有人可以帮助我,我将非常感激。

html frontend primeng angular primeflex

4
推荐指数
2
解决办法
3847
查看次数

标签 统计

angular ×1

frontend ×1

html ×1

primeflex ×1

primeng ×1