對齊中心離子中的元素

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>