在JavaScript的createdElement中将所有添加的图像居中

我想知道如何在JavaScript中将所有随机添加的图像集中到一个创建的元素中

var imagePlaceholder = document.createElement('image-placeholder')

for (i = 0; i < imgstoload.length; i++) {

  imgstoload[i].onload = function() {

    […]

    imagePlaceholder.appendChild(imgstoload[t]);
    […]
  }

}

及

根据Wezelkrozum的建议，我在HTML网页的样式标记中尝试了以下方法：

<style>
  […]
  #image-placeholder {
  display: flex;
  justify-content: space-around;
  }
 </style>

[…]
#图像占位符{
显示器：flex；
证明内容：周围的空间；
}

但它不仅不能工作，而且会使其他正确显示的组件以错误的方式显示

---

我做错了什么吗？

使用带有空间的display flex在这里更容易选择

.image占位符{
显示器：flex；
证明内容：周围的空间；
宽度：100%；
}

我认为您正在寻找flexbox中的空间均衡功能：@Wezelkrozum，周围的空间最适合我，无论如何我无法让它工作，我正在编辑问题以发布我正在尝试的内容。

imagePlaceholder.style.align="center"

<style>
  […]
  #image-placeholder {
  display: flex;
  justify-content: space-around;
  }
 </style>