angulaire.js - Comment faire en sorte que l'image s'enroule et s'affiche automatiquement lorsqu'elle rencontre le bord du conteneur parent sans déborder

Question

        <p class="item">
           <img ng-src="{{file.path}}" ng-repeat="file in fileList" ng-click="goToViewFile()" class="avatar" style="width: 100px;height: 100px;padding: 5px">
        </p>
        

Le résultat final de l'affichage est le suivant :

Sur les 6 images au total, 2 débordent évidemment et ne peuvent pas être affichées
Veuillez me dire comment définir le style pour que les images débordantes puissent être affichées dans de nouvelles lignes

Answer 1

Veuillez poster votre code de style CSS :

Vous pouvez essayer d'utiliser style="float:left"

dans la balise <img>