如何在ionic2中改变项目离子化身的位置

Question

如何将ion-avatar的位置更改为列表顶部

例如，这是我的代码和结果：

<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!
  }

}

如果由于偏好而导致该规则被覆盖，请告诉我们，我们可以解决它。