Wie lenke ich Ion-Label nach rechts?

Question

Ich arbeite an Ionic v2 und und das Problem bei der Ausrichtung lon-Label-Wert auf der rechten Seite. Es folgt der Code-Schnipsel:

Html-Code:

<ion-content padding class="home"> 
    <ion-list> 
     <ion-item class="clearme"> 
     <ion-label>Employee Name:</ion-label> 
     <ion-label class="alignme">Gaurav</ion-label> 
     </ion-item> 
    </ion-list> 

CSS:

.home { 
    background-color:red; 
} 

.alignme{ 

    float:right !important; 
} 
.clearme{ 

    clear: both !important; 
} 

Nach Zugabe dieser Klassen Text wird nicht nach rechts ausgerichtet zu werden.

Answer 1

Verwenden Sie einfach text-align anstelle von float.

.alignme{ 
    text-align: right; 
} 

Btw sollten Sie Ion-Label, das nur mit Formen verwenden - Ionen Eingang, Ionen Checkbox usw.

Answer 2

Sie auch text-right Attribut Direktive wie unten verwenden können.

<ion-label text-right>Gaurav</ion-label> 

Für detaillierte Informationen über Attribut-Richtlinien siehe here

Answer 3

Wenn noch Erfolg diesen

nicht versuchen, viele edi

//html 
<ion-item> 
    <ion-input type="text" placeholder="Username"></ion-input> 
    <ion-label class="alignme"> 
     <ion-icon name="logo-playstation"></ion-icon>      
    </ion-label> 
    </ion-item> 

//css 
    .alignme{ 

     position:absolute; 
     right:0 

    }