具有左右对齐文本的离子项

Question

我在离子列表中有一个离子项.左对齐第一个文本和右对齐第二个文本的最佳方法是什么？

  <div class="item">
    <span>first</span>
    <span>second</span>
  </div>

Answer 1

这可以使用基本的CSS属性来完成.这里没有任何关于离子的特定信息.这可以使用float:left和float:right属性完成.

仍可供您参考,您可以浏览此链接.

真棒!我正在附加我所做的更改,以便找到此帖子的其他人可以找到它.我将此添加到我的CSS文档中:.alignleft {float:left; } .alignright {float:right; 然后将我的HTML更改为此<div class ="item"> <span class ="alignleft">首先</ span> <span class ="alignright">第二</ span> </ div> (2认同)

Answer 2

在离子2中使用

文本左,文字的权利

<div class="item">
    <span text-left>first</span>
    <span text-right>second</span>
</div>

Answer 3

使用Ionic 3,上述答案无效.使用离子项,您可以简单地保持左侧文本不变,因为默认情况下它是左对齐的.使用要右对齐的文本,只需使用item-end装饰器,如下所示:

<ion-item>
     Name <span item-end>Zack</span>
</ion-item>