最好的选择是使用Flexbox，这里有一个你想要的例子：

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.content {
  margin: 10px;
}

.content img {
  height: 40px;
  border: 1px solid #333;
  display: block;
}

个字符
你可以在这里阅读更多关于flexbox：Basic concepts of flexbox - CSS

是的，理想的方法是使用网格.这个codepen也许你正在寻找：
Irreguler Image Gallery
然而，你也可以使用flexbox，但最后你必须为每个图像设置宽度和高度，并使用边距不规则地移动它们。

.gallery {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 12em;
  column-gap: 2em;
  margin: 0;
  padding: 0;
  list-style: none;
}

字符串