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

Question

我正在使用singularitygs作为我的网格系统，我非常喜欢灵活性，但我遇到了一个相当独特的情况，我不确定奇点（或任何其他网格系统）是否解决

我有一行跨越整个列宽，它会分割文档的标题部分和内容部分。有一个元素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”等垂直重新排序将会非常棘手。可能会巧妙地使用浮点数来实现这一点，但它可能比纯粹的奇点魔法更多地手动操作元素。