Angular 如何为离子按钮提供相等的宽度

大家好，我是离子应用程序开发的新手，我现在正在学习离子UI组件，我们如何安装宽度相等的按钮我下面的代码可以帮助我吗

代码：

---

你可以用离子栅格来做这个。如果您没有提供列的特定宽度，那么它将根据行中元素的数量来选择宽度。这是你要找的

<ion-grid>
    <ion-row>
        <ion-col>
           <button outline ion-button color="secondary" (click)="save()">Save</button> 
        </ion-col>
        <ion-col>
           <button outline ion-button color="secondary" (click)="Edit()">Edit</button>
        </ion-col>
        <ion-col>
           <button outline ion-button color="secondary"(click)="Update()">Update</button>
        </ion-col>
    </ion-row>
</ion-grid>

你可以在这里找到更多信息。

---

您需要将它们排成一行还是排在另一行的下方？不，这不起作用。我想以相等的宽度水平显示所有按钮

<ion-content padding>
<div>
  <button outline style="width:100px" ion-button color="secondary" (click)="save()">Save</button> 
  <button outline style="width:100px" ion-button color="secondary" (click)="Edit()">Edit</button>
  <button outline style="width:100px" ion-button color="secondary"(click)="Update()">Update</button>
<div>

</ion-content>

<ion-grid>
    <ion-row>
        <ion-col>
           <button outline ion-button color="secondary" (click)="save()">Save</button> 
        </ion-col>
        <ion-col>
           <button outline ion-button color="secondary" (click)="Edit()">Edit</button>
        </ion-col>
        <ion-col>
           <button outline ion-button color="secondary"(click)="Update()">Update</button>
        </ion-col>
    </ion-row>
</ion-grid>