css – susy – 如何使其全宽(没有排水沟)?

前端之家收集整理的这篇文章主要介绍了css – susy – 如何使其全宽(没有排水沟)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我使用SUSY构建网格时遇到问题.我设置了以下包装类:
$susy: (
    math: fluid,columns: 12,gutters: 0.25,gutter-position: split,);

问题是包装内的子元素.如果有时我想制作完整的列,我会尝试这样做

@include span(full);

但这并不完整,它有沟槽差距.然后我尝试另一个

@include span(full no-gutters);

这使得元素没有排水沟,但它仍然留有水槽宽度.

我怎样才能让它充满(没有排水沟)?仅适用于某些元素.

谢谢
Chalat

解决方法

块级元素默认为全宽,您不需要任何mixin.如果你要覆盖以前的Susy mixin,你可以使用宽度:100%.或者您可以更改此元素以在无排水沟内使用,以使Susy输出您想要的内容.
@include span(full inside no-gutters);

这是有效的,因为内部排水沟处理与拆分相同,但元素必须跨越外部宽度或列排水沟.

猜你在找的CSS相关文章