1

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

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

源顺序

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

大布局 网格中的大布局

中等布局 在此处输入图像描述

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

4

1 回答 1

1

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

于 2013-04-16T23:58:28.390 回答