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樣式碼：

你可以嘗試著，在標籤中使用 style="float:left"