src不存在时如何保持图像大小？

Question

<img class="holder-image" src="" ng-click="onAvatarClick()">

像这样，当src不存在时，我想用边框或其他图像保持大小，我该怎么办？

我从互联网上获取src图像，但有些src不起作用，它会显示一个小错误的图像，我不在乎图像是什么，我只是想保持设计的大小。

Answer 1

使用以下标记：

<img src="yourimageifany" id="imageid" />

按如下方式设置CSS：

img{
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
}

您可以按如下方式获取图像宽度（在加载时使用JQuery）：

$(window).load(function() {
    var width= $("#imageid").width(); //get width
    $('#imageid').height(width); //set height as width
});

Answer 2

您可以使用以下行：

<img class="holder-image" src="" ng-click="onAvatarClick()" height="200px" width="200px" />

这将设置高度＆amp;图像宽度为200px