像砖石一样的曼廷网格

Question

嗨女士们先生们:)

我正在构建一个反应应用程序。在那里，我想用 mantine 建造一个像砖石一样的网格。显示的组件的宽度和高度必须自动填充网格，没有空间（就像砖石一样）。可以用mantine吗？

还有一个额外的任务，就是必须显示或显示组件。根据所选的组件，网格会自动填充网格，没有任何空间。这将是完美的解决方案。

首选解决方案如下： https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb

我测试了mantine网格的一些设置，例如SimpleGrid和...

Answer 1

如果默认使用 mantine 网格，这是不可能的，因为 将采用与其同级行相同的高度。我建议使用 6 列并使用不同高度的卡片，但在这种情况下，您仍然会遇到一些响应问题，请使用 mantine 响应挂钩来检查页面宽度。