图像加载错误的宽度角度

时间:2016-04-18 14:24:17

标签: javascript html css angularjs image

<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:我终于找到了解决方案。我的这是一个弹性盒问题,我已将图像对齐到左侧,文本向右对齐,现在一切正常。

0 个答案:

没有答案