将3个按钮对准3个不同的div对齐

Question

这里是我所拥有的：3 buttons in 3 diff div

我想要对齐这些按钮，它们位于3个不同的父容器中，如您在屏幕快照中所见。第三个按钮已经在其div的最底部。第一个和第二个按钮不是，它们应与div中第三个按钮的位置完全相同。怎么做？

编辑：html模板（有角）：

<div style="flex: 1;">
      <ng-container *ngIf="data.dialogData.currentP == undefined || !areSamePlans(data.dialogData.currentP.plan, product.plan); else currentPlan">
        <button style="color: white; background-color: purple; font-weight: bold; bottom: 0;"
        mat-raised-button (click)="chooseProduct(product)">CHOOSE PLAN</button>
      </ng-container>
      <ng-template #currentPlan><button mat-button disabled style="color: purple; font-weight: bold;">CURRENT PLAN</button></ng-template>
    </div>

Answer 1

我认为您需要在按钮中提供样式表：style =“ position：absolute; bottom：0px”

因此您的按钮在所有3格中都放置在底部。