对齐中心离子中的元素

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>