フローティングラベルがIonic 2の入力と揃っていない

Question

フローティングラベルを使用しているIonic2プロジェクトでは、入力ボックスと正しく位置が合っていません。これをどうすれば解決できますか？

次のコードです：

<ion-item> 
    <ion-label floating><ion-icon name="person" item-start></ion-icon>Email</ion-label> 
    <ion-input type="email" name="email" [(ngModel)]="registerCredentials.email"></ion-input> 
</ion-item> 

これは重複問題ではありません。それが比較されるのは、ラベルを浮かべたままにしてアイコンを固定することです。これは整列に関連する質問です。

Answer 1

コードを共有していただけますか？

あなたはこのように、イオンのアイテムとイオンラベルを使用する場合は、テキストが正しく整列されては：

<ion-item> 
 
    <ion-label floating>Username</ion-label> 
 
    <ion-input></ion-input> 
 
</ion-item>

Input no selected

Input Selected