代码之家  ›  专栏  ›  技术社区  ›  delpha

在foundation zurb制作一张照片覆盖整个细胞

  •  0
  • delpha  · 技术社区  · 9 年前

    我在试着让一些照片完全覆盖一个粉底布里的细胞。我在牢房里一直留着一些空白。有没有办法避免这种情况?图片的宽度略小于单元格的宽度。

      <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>
    
    1 回复  |  直到 9 年前
        1
  •  1
  •   AleshaOleg    9 年前

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

    .column, .columns {
      padding: 0;
    }
    

    或者创建新类 padding-zero 例如,并将该类设置为您希望生成的无填充的每个图像。