css - 解决以上Bourbon Neat 2.0中的网格列附带的强制左边界的最佳方法是什么？

这是网站上提到的网格-列混合的输出-

.element {

  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;

}

我的问题是，我不希望在第一列和最后一列之前和之后都有装订线。

Bootstrap使用左右边距为负的行类来调整列填充.Neat布局是否建议类似的方法？

最佳答案

您可以使用@grid-collpase消耗容器的装订线。

输出：

.element {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}

这是一个笔示例https://codepen.io/matthewelsom/pen/RjOEyb

希望这就是您想要的。

关于css - 解决以上Bourbon Neat 2.0中的网格列附带的强制左边界的最佳方法是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47666413/