对齐中心离子中的元素

Question

我有一个代码，里面是一个循环，可以输出一个数字。像这样：

<div *ngFor="let x of y.x" >

现在输出在这里：

<h5 class="centeredX " *ngIf="x.link == ''">{{x.x}}<span *ngIf="x.isZ == 1"> <sup>3D</sup></span></h5>

那么如何在同一行对齐所有元素？我的输出总是这样的：

1
2
3
4

我想要这个，也在页面中间：

1 2 3 4

我使用了 Ionic 2 和 Angular 2。

Answer 1

添加样式将对齐项目。您可以使用类来设置样式或使用内联样式，如下所示。

 <div *ngFor="let x of y.x" style:"display:inline-flex">
    ...
    </div>