Grid 如何减少网格中的条目间的空间？ 我在基金会里建立了一个简单的网站，我认为它会让它更快，因为它有很棒的网格。问题是当我把图像放在网格上时，它们之间的距离太远了。我想减小间距，这样图像之间的距离基本上是15px左右。我试图改变填充和边距，但它会使整个网格偏离。有没有一个简单的方法来实现这一点呢？还是我最好从头开始写呢？我的HTML在下面 <div class="row"> <div class="gallery small-4 large-4 columns"> <img src="assets/img/chaiLatte.jpg" alt="Painting by LaRue. "> </div> <div class="gallery small-4 large-4 columns"> <img src="assets/img/milkchocolate.jpg" alt="Painting by Bellingham."> </div> <div class="gallery small-4 large-4 columns"> <img src="assets/img/darkChocolate.png" alt="Painting by Bellingham."> </div>

通过将该类添加到包含图像的行中，可以折叠网格以删除间距。然后，您可以将填充或边距添加到图像中，以获得所需的15px间距

<div class="row collapse">
  <div class="gallery small-4 large-4 columns"></div>
  <div class="gallery small-4 large-4 columns"></div>
  <div class="gallery small-4 large-4 columns"></div>
</div>

---

通过将该类添加到包含图像的行中，可以折叠网格以删除间距。然后，您可以将填充或边距添加到图像中，以获得所需的15px间距

<div class="row collapse">
  <div class="gallery small-4 large-4 columns"></div>
  <div class="gallery small-4 large-4 columns"></div>
  <div class="gallery small-4 large-4 columns"></div>
</div>

---

在\u settings.scss中有一个$column gutter变量。这将控制栅格间距。默认情况下，其设置为$column gotter:emCalc（30px）。尝试更改此值。这仅在您使用sass版本时才有帮助。

在\u settings.scss中有一个$column gutter变量。这将控制栅格间距。默认情况下，其设置为$column gotter:emCalc（30px）。尝试更改此值。这只会在您使用sass版本时对您有所帮助