如何证明离子项目中的含量

问题描述 投票:0回答:1

我正试图证明ionic4中离子项目的含量。如果从浏览器控制台设置.input-wrapper { justify-content: space-around; },我会得到所需的结果,但是正确的处理方法是什么?

<ion-item class="ion-justify-content-around">
  <ion-badge slot="start" class="list-badge">
    <ion-icon name="git-network-outline"></ion-icon>
  </ion-badge>
  <ion-text>Description</ion-text>
  <ion-text color="medium">500</ion-text>
</ion-item>
ionic-framework flexbox ionic4
1个回答
0
投票

将内容添加到div中,并将其放置在中心位置。像这样:

<ion-item class="ion-justify-content-around">
  <div slot="center" style="width: fit-content">
    <ion-badge slot="start" class="list-badge">
      <ion-icon name="git-network-outline"></ion-icon>
    </ion-badge>
    <ion-text>Description</ion-text>
    <ion-text color="medium">500</ion-text>
  </div>
</ion-item>

这样的事情。

© www.soinside.com 2019 - 2024. All rights reserved.