이온 항목을 올바르게 설정하려면 어떻게해야합니까?

질문

이온 항목을 올바른 위치에 정렬하고 싶습니다. align : right 를 사용했지만 작동하지 않습니다.다음은 내 코드입니다.

<ion-item text-wrap style="width:50%;align:right;" >   
  <p style="font-size:10px;color:#C2BEC1;"> {{list.TAG_FROM}} {{list.TAG_DT}}</p>
  <p style="color: #2F2D30;font-size:15px;"> {{list.TAG}}</p>
</ion-item>

답변1

<ion-item text-wrap style="width:50%;float: right;" >

        <p style="font-size:10px;color:#C2BEC1;"> {{list.TAG_FROM}} {{list.TAG_DT}}</p>
        <p style="color: #2F2D30;font-size:15px;"> {{list.TAG}}</p>


  </ion-item>

답변2

text-align : right; 사용

<ion-item text-wrap style="width:50%;text-align: right;" >
  <p style="font-size:10px;color:#C2BEC1;"> {{list.TAG_FROM}} {{list.TAG_DT}}</p>
  <p style="color: #2F2D30;font-size:15px;"> {{list.TAG}}</p>
</ion-item>

 

 

 

 

출처 : https://stackoverflow.com/questions/47606521/how-can-i-set-the-ion-item-in-right