Html 谷歌地图信息窗口的图像和文本样式问题:使用相同css的图像和文本的结果不同

Html 谷歌地图信息窗口的图像和文本样式问题:使用相同css的图像和文本的结果不同,html,css,google-maps,styling,Html,Css,Google Maps,Styling,我希望避免巨大的信息窗口,因此这是html内容的字符串: var contentString=”“+此类型+“”+ “”+this.title+“”+ “”+此.desc+””+ ""; 这是css: 。查看img, .查看文本{ 最大宽度:15vw; } 最后,图像和文本宽度不同: 如何使文本和图像对齐?使用infoWindow maxWidth属性,而不是设置div元素的样式,解决了我最初试图解决的巨型infoWindow的问题 infoWindow = new google.maps.I

我希望避免巨大的信息窗口,因此这是html内容的字符串:

var contentString=”“+此类型+“”+
“”+this.title+“”+
“

”+此.desc+”

”+ "";

这是css:

。查看img,
.查看文本{
最大宽度:15vw;
}

最后,图像和文本宽度不同:


如何使文本和图像对齐?

使用infoWindow maxWidth属性,而不是设置div元素的样式,解决了我最初试图解决的巨型infoWindow的问题

infoWindow = new google.maps.InfoWindow({
        content: infoWindowContent(place),
        maxWidth: 200
    });
尝试将
height=“50”width=“50”
添加到
中。请提供一个说明问题的示例。