1

如何创建一个嵌套网格，它将与其父级对齐？

假设我有网格：2 4 4 3

我希望它的每个中心列都被 2 列细分，这样它们就会与它们的父容器对齐。

谢谢。

为了进一步解释我的问题，请考虑以下代码：

#content{
    at include grid-span(2,2);
    border-top: 1px solid red;
    article.article1{
        at include grid-span(1, 1, 4 4);
    }
    article.article2{
        at include grid-span(1, 2, 4 4);
    }
}
#sidebar{
    at include grid-span(1,4);
}

有没有办法避免在一个规则中重复条款规则，这两者都适用？

4

2 回答 2

1

您只需要在嵌套的 mixin 中包含上下文。在这种情况下4 4，您的混合将@include grid-span(1, 1, 4 4)跨越整个网格的第二列，或嵌套网格的第一列。

于 2013-04-06T18:44:30.730 回答
0

我认为你可以通过嵌套来做到这一点@include layout($grid, $gutter)

在这里检查

于 2013-07-02T06:28:37.420 回答