对齐文本右Html离子

Question

我试图在Html中对齐文本,但它不起作用,我不知道为什么.我正在使用Ionic Framework.

我的代码是:

<ion-list>
   <ion-item>
      <b>Name</b> <p align="right"> {{paciente.name}}</p>
   </ion-item>
   ....
</ion-list>

它看起来像这样:

但我希望所有文本在同一行,我不知道如何得到它.

Answer 1

看看这个演示:http://play.ionic.io/app/b477ea2f5623
在离子项目中,如果你在课堂上写任何文本span,item-note那么它将对齐到右边.这是按类离子构建的,你的代码就像这个 :

<ion-item>
  <b>Name</b> <span class="item-note"> {{paciente.name}}</span>
</ion-item>

查看内置类提供的离子项的更多技巧,请参阅此文档