css - ionic 如何向右移动元素

Question

我有一些元素想向右移动，但它不起作用。

<ion-list>
<ion-item>
  <ion-label>
    <ion-skeleton-text animated width="70%"></ion-skeleton-text>
    <ion-skeleton-text animated width="60%"></ion-skeleton-text>
  </ion-label>
  <ion-label slot="end">
    <ion-skeleton-text animated width="30%"></ion-skeleton-text>
    <ion-skeleton-text animated width="50%"></ion-skeleton-text>      
  </ion-label>
</ion-item>

这个显示这个。

现在是那两个 ionic framework 文本。我想将它们对齐/ float 到右边。

提前致谢。

Answer 1

试试这个:

<ion-list>
  <ion-item>
    <ion-grid>
      <ion-row>
        <ion-col>
          <ion-label>
            <ion-skeleton-text animated width="70%"></ion-skeleton-text>
            <ion-skeleton-text animated width="60%"></ion-skeleton-text>
          </ion-label>
        </ion-col>
        <ion-col>
          <ion-label>
            <ion-skeleton-text animated width="30%"></ion-skeleton-text>
            <ion-skeleton-text animated width="50%"></ion-skeleton-text>
          </ion-label>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-item>
</ion-list>

如果这看起来不太正确，您可能需要尝试使用填充类。

它使用 ionic 网格创建两个列。