Html 将元素居中对齐

我有一个代码，里面是一个循环，它向我输出一个数字。类似这样：

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

1
2
3
4

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

1 2 3 4

---

我用了离子2和角2

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

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

...

用Chrome打开该输出的页面，打开inspector（F12），转到elements选项卡并根据需要展开。然后发布呈现的HTML，以更好地了解发生了什么

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