我写了这个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
属性,但我不确定在哪里。
答案 0 :(得分:0)
想出来,我需要将clear:both
添加到新行的每个元素