html - 网格中不同大小的图像

Question

我正在寻找有关如何创建包含图片的网格的一些建议。图像将具有不同的大小。

它将包含在 wordpress 主题中，当图像上传到特定的帖子类型时，它们将显示图片的显示位置。

我倾向于使用 &:nth-of-type() 样式的不同样式的列表。

TIA 提供任何建议，我们将不胜感激。

标签： htmlcsswordpress-theming

Answer 1

我会尝试使用 Masonry ( https://masonry.desandro.com/ ) 之类的东西。很棒的图书馆，用途广泛。还有一些框架支持按需网格和嵌套网格，例如 SusyGrid ( https://www.oddbird.net/susy/ )。我过去曾成功地将其用于不对称和嵌套网格布局。