angular.js - How to make the image automatically wrap and display when it encounters the edge of the parent container without overflowing

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>
        

The final display result is as follows:

Of the 6 pictures in total, 2 are obviously overflowing and cannot be displayed
Please tell me how to set the style so that the overflowing images can be displayed in new lines

Answer 1

Please post your css style code:

You can try using style="float:left" in the <img> tag