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

}

让我知道该规则是否由于偏好而被覆盖，因此我们可以对其进行修复。