Question

我想使用flexbox创建一个合理的照片库。我设置固定行高：250px和flex wrap。

body {
  width = 1100px; 
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.gallery .img {
  height: 250px;
}

现在我在行包装时遇到挑战，每行都有不同的宽度，但我希望它们具有相同的宽度。

以下是codepen链接。如何修改现有代码以实现我的目标？

感谢您的回答。

Answer 1

经过一些进一步的谷歌搜索，有一种方法可以用纯CSS实现合理的画廊，这正是我正在寻找的。