网格中不同尺寸的图像

我正在寻找有关如何像创建的图片那样创建网格的建议。图像将具有不同的尺寸。

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

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

TIA的任何建议, 不胜感激。

#1

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