离子如何将元素向右移动答案

【问题标题】：Ionic how to move an element to the right离子如何将元素向右移动
【发布时间】：2019-12-26 01:14:52
【问题描述】：

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

<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>

这个显示这个。

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

提前致谢。

【问题讨论】：

您是否尝试将slot = "end" 设置为每个 ion-skeleton-text ？

标签： css ionic-framework flexbox ionic4

【解决方案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>

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

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

【讨论】：