Question

我尝试使用ng-repeat在Angular中渲染法师但是每个图像都有自己的大小（有些圆形，有些椭圆形），尽管我已经在DOM元素中设置了大小。

<div ng-repeat="member in vm.members" class="memberList" layout="column" layout-align="start center">
     {{member.username}}
     <img class="md-avatar" style="border-radius: 50%; border: 1px solid black" height="60" width="60" src={{member.user_picture}}>
</div>

如何使所有渲染图像的高度和宽度相同？

Answer 1

将其添加到img标签的样式中：

<img class="md-avatar" style="border-radius: 50%; border: 1px solid black;height:60px!important;width:60px!important;" ng-src="member.user_picture" />

Answer 2

试试这个.. :)）

<div ng-repeat="member in vm.members" class="memberList" layout="column" layout-align="start center">
      {{member.username}}
      <img class="md-avatar" style="border-radius: 50%; border: 1px solid black;width:60px;height:60px"  src={{member.user_picture}}>
</div>

Answer 3

放height＆amp; width属性中的style个属性。

<div ng-repeat="member in vm.members" class="memberList" layout="column"
     layout-align="start center"> {{member.username}}
     <img class="md-avatar" style="border-radius: 50%; border: 1px solid black; height: 60px; width: 60px;"  src={{member.user_picture}}>
</div>

如何使图像大小相同？

3 个答案: