ok，我找到了解决办法……谢谢Justin Willis
实际上，不用在按钮内使用额外的html，只需使用css就可以实现这一点。您可以简单地将button-inner类更改为具有列的flex-flow。所以你可以用这个

.button-inner {
  flex-flow: column;
}

在Ionic 4和Ionic 5中，你可以使用div来实现这一点：

<ion-button primary>
   <div>
      <h1>
         <ion-icon name="calendar"></ion-icon>
      </h1>
      <h2>
         Calendar
      </h2>
    </div>
</ion-button>

你别无选择，只能使用sass。我不是在回答你的问题，但你确定你想这样做吗？？
你能这样做吗？

<button large >
    <ion-icon name='home' class="breakme"></ion-icon>
    Home
</button>

或者你可以用onclicks (click)="calendar"来创建列表，然后用列表来伪造它？

<ion-list no-lines>
    <ion-item (click)="getData()">
        <ion-icon name="leaf"></ion-icon>
        <br />
        Herbology 
    </ion-item>
    <ion-item (click)="getData()">
        <ion-icon name="add"></ion-icon>
        <br />
        Calander
    </ion-item>
</ion-list>