Angular 如何将离子按钮置于离子项目内的中心？

我应该如何将离子按钮置于离子项目的中心

<ion-list>
  <ion-item>
    <ion-button>Sample</ion-button>
  </ion-item>
</ion-list>

样品

---

我尝试了一些课程，但没有效果。

您可以这样做：

CSS:

HTML:

样品

或仅使用块展开：

<ion-list>
  <ion-item>
    <ion-button expand="block">Sample</ion-button>
  </ion-item>
</ion-list>

样品

<ion-list>
  <ion-item>
    <div class='center-button'>
       <ion-button>Sample</ion-button>
    </div>
  </ion-item>
</ion-list>

<ion-list>
  <ion-item>
    <ion-button expand="block">Sample</ion-button>
  </ion-item>
</ion-list>