sass grid mixin用于未知元素和未知高度

时间:2015-08-29 21:23:14

标签: css sass mixins grid-layout

我写了这个sass grid mixin,当我想要一个具有未知数量元素的画廊风格网格时,只要它们的高度相同,它就会很好用。

@mixin part_of($num, $gutter_percent: $gutter_percent){
        margin-right: $gutter_percent;
        float: right;
        width: (100 - $gutter_percent * ($num - 1)) / $num;
        &:nth-of-type(#{$num}n+1){
        margin-right: 0;
        }
        &:nth-of-type(n+#{($num+1)}){
        margin-top:$gutter_percent;
        }
}

对于我的生活我似乎无法使其工作在未知的高度,我知道我需要在某处使用clear属性,但我不确定在哪里。

1 个答案:

答案 0 :(得分:0)

想出来,我需要将clear:both添加到新行的每个元素