Javascript 如何将项目居中到砌体js中的中心？

我试着用砖石来创建一个网格，它以这样的项目为中心，

我尝试了基本设置和使用flex box居中的项目，但没有成功

这是否可能与砌体有关，或者必须尝试另一种方法

---

谢谢你

我以前用过类似的东西，希望对你有用

。带柱砌体{
色谱柱：6200px；
柱间距：1rem；
}
.带柱砌体部分{
宽度：150px；
背景：#EC985A；
颜色：白色；
保证金：0 1rem 1rem 0；
显示：内联块；
宽度：100%；
文本对齐：居中；
字体系列：系统界面；
字号：900；
字号：2rem；
}
.带柱砌体分区：第n个子（1）{
高度：203px；
线高：203px；
}
.带柱砌体分区：第n个子（2）{
高度：355px；
线高：355px；
}
.带柱砌体分区：第n个子（3）{
高度：121px；
线高：121px；
}
.带柱砌体分区：第n个子（4）{
高度：206px；
线高：206px；
}
.带柱砌体分区：第n个子（5）{
高度：345px；
线高：345px；
}
.带柱砌体分区：第n个子（6）{
高度：183px；
线高：183px；
}
.带柱砌体分区：第n个子（7）{
高度：195px；
线高：195px；
}
.带柱砌体分区：第n个子（8）{
高度：228px；
线高：228px；
}
.带柱砌体分区：第n个子（9）{
身高：493px；
线高：493px；
}
.带柱砌体分区：第n个子（10）{
高度：226px；
线高：226px；
}
.带柱砌体分区：第n个子（11）{
高度：176像素；
线高：176px；
}
.带柱砌体分区：第n个子（12）{
高度：179px；
线高：179px；
}
.带柱砌体分区：第n个子（13）{
高度：230像素；
线高：230px；
}
.带柱砌体分区：第n个子（14）{
高度：231px；
线高：231px；
}
.带柱砌体分区：第n个子（15）{
身高：373px；
线高：373px；
}
.带柱砌体分区：第n个子（16）{
高度：265px；
线高：265px；
}
.带柱砌体分区：第n个子（17）{
高度：284px；
线高：284px；
}
.带柱砌体分区：第n个子（18）{
身高：363px；
线高：363px；
}
.带柱砌体分区：第n个子（19）{
高度：208px；
线高：208px；
}
.带柱砌体分区：第n个子（20）{
高度：379px；
线高：379px；
}
.带柱砌体分区：第n个子分区（21）{
身高：413px；
线高：413px；
}
.带柱砌体分区：第n个子（22）{
高度：415px；
线高：415px；
}
.带柱砌体分区：第n个子分区（23）{
高度：284px；
线高：284px；
}
.带柱砌体分区：第n个子分区（24）{
高度：356px；
线高：356px；
}
.带柱砌体分区：第n个子（25）{
高度：193px；
线高：193px；
}
.带柱砌体分区：第n个子分区（26）{
高度：329px；
线高：329px；
}
.带柱砌体分区：第n个子分区（27）{
高度：370px；
线高：370px；
}
.带柱砌体分区：第n个子（28）{
高度：364px；
线高：364px；
}
.带柱砌体分区：第n个子分区（29）{
高度：347px；
线高：347px；
}
.带柱砌体分区：第n个子（30）{
身高：273px；
线高：273px；
}
.带柱砌体分区：第n个子（31）{
高度：300px；
线高：300px；
}
.带柱砌体分区：第n个子分区（32）{
高度：104px；
线高：104px；
}
.带柱砌体分区：第n个子（33）{
高度：207px；
线高：207px；
}
.带柱砌体分区：第n个子分区（34）{
高度：149px；
线高：149px；
}
.带柱砌体分区：第n个子（35）{
高度：487px；
线高：487px；
}
.带柱砌体分区：第n个子（36）{
高度：458px；
线高：458px；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15