Jquery 如何在HTML中调整图像大小 P>在一个链接中寻找一个64进制格式的照片并播放它,但问题是照片太大,不适合页面窗口,我如何减少照片并将其放在中间???这是我的变体,但它不起作用。谢谢你的帮助 $(文档).ready(函数(){ var host='myURL'; var res='/getPhoto?id_document='; 变量id_doc='1111'); 获取(主机+资源+id\U文档) .then(response=>response.json()) 。然后(数据=>{ var ele=document.createElement(“span”); var img=document.createElement(“img”); setAttribute(“src”,“数据:image/png;base64,”+data.snapshot); 附加元件(img); var elem=document.getElementById('snapshot').appendChild(ele); }) .catch(err=>console.error(err)); });

Jquery 如何在HTML中调整图像大小 P>在一个链接中寻找一个64进制格式的照片并播放它,但问题是照片太大,不适合页面窗口,我如何减少照片并将其放在中间???这是我的变体,但它不起作用。谢谢你的帮助 $(文档).ready(函数(){ var host='myURL'; var res='/getPhoto?id_document='; 变量id_doc='1111'); 获取(主机+资源+id\U文档) .then(response=>response.json()) 。然后(数据=>{ var ele=document.createElement(“span”); var img=document.createElement(“img”); setAttribute(“src”,“数据:image/png;base64,”+data.snapshot); 附加元件(img); var elem=document.getElementById('snapshot').appendChild(ele); }) .catch(err=>console.error(err)); });,jquery,html,css,Jquery,Html,Css,您可以使用HTML宽度和高度标记。 例如: 此:style=“width:500px”不会应用于图像,因为您正在创建新元素。您可以在css上定义一个类,例如: .myimage { width: 500px } 并将此类应用于插入的图元: img.classList.add("myimage") 我可以尝试的一件事是最大宽度,而不是宽度,如果你想让图像居中,可以在左右两侧添加“自动”边距 .snapshot { max-width: 500px; margin-left: auto

您可以使用HTML宽度和高度标记。 例如:


此:
style=“width:500px”
不会应用于图像,因为您正在创建新元素。您可以在css上定义一个类,例如:

.myimage { width: 500px }
并将此类应用于插入的图元:

img.classList.add("myimage")

我可以尝试的一件事是最大宽度,而不是宽度,如果你想让图像居中,可以在左右两侧添加“自动”边距

.snapshot {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

Offtopic,您有两个相同的id,它们应该是unique@LinkinTED我试着这样做,然后ID会是唯一的,但这不起作用。就像我说的,这是离题的,所以与你的问题无关,只是无效代码。你在找这样的东西:
@LinkinTED它是居中的,但照片没有减少谢谢,你可以在我的例子中给我看,因为我不是很清楚)我将非常感激
.snapshot {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}