如何使带有图片的div集中

Question

说到编码，我完全是个新手。我有一个div，里面有4张图片。我希望div能够集中，但是我不能做到。如果我设法集中，它们不再对齐(水平)。我该怎么做呢?我已经尝试了所有的方法，调整内容、显示、位置、对齐项目等等。我哪里做错了?

我用什么代码把盒子放在中间，就像它们一样，水平的?

谢谢你的帮助!

Answer 1

.wrapper {border: 1px solid #678596; max-width: 350px; margin: 30px auto;} 

.parentClass { display: flex;  justify-content:center;}

.parentClass div {margin: 5px; background: #678596; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #fff;}

<div class="wrapper">
<div class="parentClass">
<div>1</div>
<div>2</div>
<div>3</div>  
</div>
</div>