angular.js - 如何让图片遇到父容器边缘自动换行显示，不会溢出

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>
        

最后的显示结果如下：

一共6张图片明显有2张溢出无法显示
请问如何设置样式，让溢出的图像能够换行显示

Answer 1

CSS 스타일 코드를 게시해 주세요:

<img> 태그에 style="float:left"를 사용해 보세요