在 foundation zurb 中制作一张覆盖整个单元格的图片

Question

我正在尝试让一些图片完全覆盖基础 zurb 中的单元格。我一直在细胞中获得一些利润。有没有办法避免这种情况？图片的宽度比单元格的宽度略小。

  <div class="row">
    <div class="small-6 columns">
      <img src="pic1.png">
    </div>
    <div class="small-6 columns">
      <div class="row">
        <div class="small-12 columns">
          <img src="pic2.png" width="100%">
        </div>
        <div class="small-12 columns">
          <img src="assets/pic4.png">
        </div>
      </div>
    </div>
  </div>

Answer 1

您应该设置为您的 .column, .columns classes padding: 0.

.column, .columns {
  padding: 0;
}

或者更好地创建新的 class padding-zero 例如，并将此 class 设置为您想要制作的没有填充的每个图像。