css - 离子如何将元素向右移动

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>

这显示这个。

现在那两个离子骨架文本。我想将它们向右对齐/浮动。

提前致谢。

标签： cssionic-frameworkflexboxionic4

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>

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

它使用离子网格来创建两列。