如何更改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! 
    } 

} 

让我知道，如果这条规则被由于喜好的覆盖，以便我们能够解决它。