<div class="list" ng-controller="ListController">
<div class="list-item list-item-flex" ng-repeat="collaborator in collaboratorList">
<div class="list-left list-left-flex">
<img ng-src="images/{{collaborator.imgUrl}}" width="190px" height="190px"/>
<div class="padded-text">
<h1 class="collab">{{collaborator.name}}</h1>
<p>{{collaborator.info}}</p>
</div>
</div>
<div class="list-right list-right-flex">
<a class="mail" href="mailto:{{collaborator.email}}"> {{collaborator.email}}</a>
</div>
</div>
这是我使用图片和信息预览合作者的模板。每次关闭浏览器并再次启动时,加载此模板时高度都是正常的,但图像的宽度为50.466px,即使我已在内联和CSS中设置宽度。如果我调整窗口大小或刷新它们,它们将返回所需的190px宽度。如果有人可以帮我弄清楚为什么会发生这种情况会很棒。
编辑:这在Firefox中似乎不会发生,它在chrome和IE中都会发生。
Edit2:我终于找到了解决方案。我的这是一个弹性盒问题,我已将图像对齐到左侧,文本向右对齐,现在一切正常。