NG-Yinele angularJS

Question

ile CSS görüntü biçimlendirmesi, html'yi dolduran angularJS resimlerimi biçimlendirmeye çalışıyorum, görüntülerin birbirinin yanına gelmeye çalışıyorum, böylece 4 resim görüntüleniyor, sonra yeni bir satıra gidiyor. Ayrıca burada

<span ng-repeat="x in r.selectedImageUri"> 
    <div style="width:25%;position:inline-block;"> 
     <img ng-src="{{x}}" width="100%" alt="image" style=""> 
     <div><button class="button button-assertive" style="width:100%;">Deletee</button></div> 
    </div>   
</span> 

o

neye benzediğini bir ekran görüntüsü: onlar 4 ama kod açısal geliyor zaman hoşuna görünmüyor sıraları görüntülenir .. İşte benim html

Screenshot

Herkes yardımcı olabilir mi? Teşekkürler.

Answer 1

style="width:25%;position:inline-block;" 

style="width:25%;display:inline-block;" 

width="100%" alt="image" style="" 

style="width:100%" alt="image" 

kullanmak gerekir

Answer 2

Sen display: inline-block değil position

Answer 3

<div class="row"> 
       <span ng-repeat="x in r.selectedImageUri"> 
       <div style="width:100%;"> 

        <div class="col"> 
        <img ng-src="{{x}}" width="100%" style="max-width:200px;" alt="image" style=""> 
        <div><button class="button button-assertive" style="width:100%;">Deletee</button></div> 
        </div> 
       </div> 

       </span> 
       </div>