如何将离子标签对准右边？

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属性指令。

Answer 3

Ionic为此提供了内置解决方案：

Answer 4

如果仍然没有成功，请尝试此