Question

我正在尝试创建一个小图库。

我想要的是什么：Want-To-Achieve

我到现在为止所做的事：Image-Up-Till-Now

如你所见

我有三张不同尺寸的图像，在右上角我想要一个X（图标）。

由于某种原因，图像3上的最后一个图标与其他两个图标不在同一位置。

这是我的代码：

JS：

   $scope.allImages = [

    "./img/ionic.png",
    "./img/background-test-black.png",
     "./img/background-test-black - Kopie.png"

  ];

HTML：

  <div>
        <ul>
        <li>
          <a ng-repeat="image in allImages">
          <img  ng-src="{{image}}" class="gallery "/>
            <i ng-click="deletePhoto(image)" class="icon ion-close delete"></i>
          </a>
        </li>
      </ul>
    </div>

CSS：

.gallery {
  width: 25%;
  height: 70%;
  padding: 5px;
  margin-left: 0;
  vertical-align: top;
}

.delete {

  position: absolute;
  font-size: 28px;
  color: red;
  margin-left: -15px;
}

提前致谢！

Answer 1

我认为你应该使用 relative 而不是绝对。

使用关闭图标为Ionic App设置小图像库

1 个答案: