Ionic framework 如何将离子头像放置在离子物品的左上方？

我有一个离子项目与离子化身和离子标签与大文本。 为了在离子标签中显示全文，我在离子标签中添加了一个类“离子文本nowrap”。 它很好用。 但问题是离子化身自动放置在离子物品的垂直中心。 我不需要对齐头像垂直对齐中间。我想让它对准离子项目的左上方。我该怎么做

这是我的代码：

<ion-item>
  <ion-avatar slot="start">
    <img [src]="img">
  </ion-avatar>
  <ion-label class="ion-text-nowrap">
    <p>{{text}}</p>
  </ion-label>
</ion-item>

{{text}}

爱奥尼亚没有css属性可以实现这一点。 但是可以通过覆盖

离子化身

和

离子标签

的css来实现

将化身的位置更改为

绝对

，并将其放置在物品的上角。然后调整标签边距，将文本放回所需位置

ion-avatar{
  position: absolute;
  top: 0px;
  left: 0px;
}

ion-label{
  margin-left: // size needed
}

---

示例输出：

---

您可以添加

问题的屏幕截图吗

？带屏幕截图的已编辑问题