Question

使用Angular 4，我有一个我希望水平对齐的div。该div有两个跨度，具有*ngIf条件。当显示一个跨度时，样式看起来非常好。当两者都显示时，文本主要位于右侧。

有没有办法在显示一个范围或显示两个范围时更改使用的CSS？

这是HTML：

<div *ngFor="let item of items; let i = index">
  <div style="padding-left:42.5%;">
    <span *ngIf="items[i-1]?.date != item.date">{{item.date}}</span>
    <span *ngIf="items[i-1]?.time != item.time">{{item.time}}</span>
  </div>
  <ion-card">
    ...
  </ion-card>
</div>

Answer 1

将<div style="padding-left:42.5%;">更改为<div align="center">能够适应这种情况。

<div *ngFor="let item of items; let i = index">
  <div align="center">
    <span *ngIf="items[i-1]?.date != item.date">{{item.date}}</span>
    <span *ngIf="items[i-1]?.time != item.time">{{item.time}}</span>
  </div>
  <ion-card">
    ...
  </ion-card>
</div>

与ngIf动态配合使用的CSS

1 个答案: