嗨,大家晚上,
我在处理API返回的个人资料图片的大小时遇到问题。我试图通过CSS更改它,或者将它们添加到正文中的div容器中,或者将宽度和高度附加到API请求的返回值。但是图片的大小仍然是一样的。 任何人指出我做错了什么?
这是我用过的代码
CSS部分(显示属性有效但宽度和高度不起作用):
#meImg{width:12px; height:15px; display:inline; }
使用Javascript:
<body><div id="meImg" style="width:12px; height:15px;"></div> </body>
<script src="//js.live.net/v5.0/wl.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript">
function displayMe() {
var imgHolder = id("meImg");
WL.api({ path: "me/picture", method: "get" }).then(
function (response) {
if (response.location) {
imgHolder.innerHTML = "<img src='" + response.location + "' /> ";
}
}
);
}
</script>
答案 0 :(得分:1)
您应该在width
代码上设置height
和<img>
,而不是<div>
。
编辑:OP似乎是在帖子中添加javascript,这可能会改变一些事情。
编辑2:好的,看起来我开始时是正确的。如果您想使用CSS设置图片样式,则需要直接使用<img>
标记,而不是包含<div>
。在id
标记中添加class
或<img>
,然后在其上调用CSS。