Ionic Appのクローズアイコン付きのスタイリング小さな画像ギャラリー

Question

小さな画像ギャラリーを作成しようとしています。私が欲しいもの

：Want-To-Achieve私が今まで得たもの

：Image-Up-Till-Now

あなたは

を見ることができるように私は私が好きな右上隅に、大きさの異なる三つの画像を得ましたX（アイコン）を持っている。

イメージ3の最後のアイコンは、他の2つと同じ位置にありません。私のコードザッツ

：

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

私はあなたがの相対ではなく、の絶対で作業するべきだと思います。