在ion-col中按钮的右对齐

1 回答

• 16

  在您的情况下，您可以像这样添加属性 float-right ：

  <button ion-button float-right>My button</button>
  

  float-
  documentation表示您可以添加属性 float-{modifier} 以将元素放置在其容器内 .

  {modifier} 可以是以下任何一种：
  right ：元素将浮动在其容器的右侧 .
  left ：元素将浮动在其容器的左侧 .
  start ：与 float-left 相同如果方向是从左到右，则浮动 - 如果方向是从右到左 .
  end ：如果方向是从左到右，则与float-right相同;如果方向是从右到左，则为float-left .

  例：

  <div>
      <button ion-button float-right>My button</button>
  </div>
  

  item-
  要将元素定位在 ion-item 中，documentation表示可以使用 item-{modifier} .

  {modifier} 可以是以下任何一种：
  start ：放置在内部项目之外的所有其他元素的左侧 .
  end ：放置在输入包装器外部的内部项内部的所有其他元素的右侧 .
  content ：放置在输入包装内部的任何离子标签的右侧 .

  例：

  <ion-item>
      <button ion-button item-end>My button</button>
  </ion-item>
  

  Deprecation
  根据documentation，这些名称已被弃用：

  item-right ＆ item-left

  回复于 2024-05-17T14:12:16+08:00