如何更改ionic2

Question

項目的離子頭像的位置，我怎樣才能改變離子頭像的位置列表

的頂部例如，這是我的代碼和結果：

<ion-item-sliding> 
    <ion-item style="border-bottom: 1px solid #EAECEE; margin"> 
     <ion-avatar item-start> 
      <img src="imgs/sender.png"> 
     </ion-avatar> 
     <p style="white-space: initial; color:black;"> 
      XXXX 
     </p> 
    </ion-item> 
    <ion-item-options side="right"> 
     <!--Codes--> 
    </ion-item-options> 
</ion-item-sliding> 

&這張照片我想要什麼（如果可能）

Answer 1

你可以做到這一點這只是CSS一樣：

your-page { 

    ion-item.item.item-block.item-ios, 
    ion-item.item.item-block.item-md { 
    display: flex; 
    align-items: flex-start; // <---- This does the trick! 
    } 

} 

讓我知道，如果這條規則被由於喜好的覆蓋，以便我們能夠解決它。