Angularjs 角度-使用ngIf时，div内的跨距不居中对齐

我有一些AngularJS的代码

一个分区内有3个跨距。跨距有ngIf。问题是，如果基于ngIf条件仅显示一个跨度，则该跨度未居中对齐。如何使它成为一个中心

<div class="text-center margin-top-tiny padding-top-xlarge" [hidden]="!showBalancePastDueOrFees">
  <div class="margin-top-tiny">
    <span class="padding-vert-small">
      <a class="button w-xtiny font-20 no-icon no-focus-effect text-center normal-weight" *ngIf="(isCashAcceptorAvailable && !hideCash)" (click)="checkFlowType(cashPaymentType)">{{msgCash | translate}}</a>
    </span>
    <span class="padding-vert-small">
      <a class="button w-xtiny font-20 no-icon no-focus-effect text-center normal-weight" *ngIf="(isCardReaderAvailable && !hideCreditDebit)" (click)="checkFlowType(creditdebitPaymentType)">{{msgCrDb | translate}}</a>
    </span>
    <span class="padding-vert-small">
      <a class="button w-xtiny font-20 no-icon no-focus-effect text-center normal-weight" *ngIf="(!hideGiftCard)" (click)="checkFlowType(giftCardPaymentType)">{{msgGc | translate}}</a>
    </span>
  </div>
</div>

{{msgCash | translate}}
{{msgCrDb | translate}}
{{msgGc | translate}}

此处的ngIf条件设置为ngOnInit（）。例如，对于HIDECREDITDIBIT，hideGiftCard在ngOnInt（）处设置为true。什么是[隐藏]？