对齐中心离子中的元素

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

我使用了离子2和角2。

Answer 1

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

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