如何将离子标签对齐？

Question

我正在研究Ionic v2，并且正面临着将离子标签值对齐的问题。以下是代码片段：

HTML代码：

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

添加这些类文本没有得到对齐到右后。

Answer 1

只需使用文本对齐而不是浮动。

.alignme{ 
    text-align: right; 
} 

顺便说一句，你应该使用离子标签只与形式 - 离子输入，离子复选框等

Answer 2

您还可以使用text-right属性指令像下面。

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

有关属性指令详细信息，请参阅here

Answer 3

如果仍不成功尝试这种

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

    }