singularitygs - 无论源顺序如何，独立地跳过网格中的完整列跨行

Question

我使用singularitygs 作为我的网格系统，我真的很喜欢灵活性，但我遇到了一个相当独特的情况，我不确定singularity（或任何其他网格系统）是否可以解决

我有一行跨越整个列宽，它分解了文档的标题部分和内容部分。在较大的布局中，有一个元素 div.b 位于 div.a 旁边的完整列栏上方。但是在中等大小的布局及以下，该元素低于整个跨度行。这是源顺序和所需的输出，为简单起见，使用 10 列布局显示。

源顺序

div.a
div.b
div.c
div.d
div.e
div.f
div.g
div.h

大布局

中等布局

提前感谢网格系统的创建者的任何帮助和++

Answer 1

有趣的用例。老实说，在 CSS 网格布局出现之前，这将是相当困难的。虽然 Singularity 可以水平处理任何订单，但像“D”和“G”堆叠这样的垂直重新排序将会很棘手。可能会巧妙地使用浮点数来完成这项工作，但它可能会比纯 Singularity 魔法更多地手动操作元素。