Google maps Google maps API信息窗口中的Firefox溢出和侧栏

Google maps Google maps API信息窗口中的Firefox溢出和侧栏,google-maps,firefox,overflow,Google Maps,Firefox,Overflow,我使用谷歌地图API做了一些小事情,我真的很高兴使用它。但出现了一个错误;如果我在infoWindow中显示稍长一点的文本,Firefox将始终显示一个带有溢出的边栏。其他浏览器都没有这样做 以下是我在infoWindow中看到的内容: <h3>Whatever whatever</h3><span class="mark">&#9733;&#9733;&#9733;&#9733;&#9733;</span>

我使用谷歌地图API做了一些小事情,我真的很高兴使用它。但出现了一个错误;如果我在infoWindow中显示稍长一点的文本,Firefox将始终显示一个带有溢出的边栏。其他浏览器都没有这样做

以下是我在infoWindow中看到的内容:

<h3>Whatever whatever</h3><span class="mark">&#9733;&#9733;&#9733;&#9733;&#9733;</span>
有人看到解决办法吗?
谢谢。

将您的内容插入div

点击事件将是:

var myDiv = document.createElement('div'); 
myDiv.innerHTML = '<h3>Whatever whatever</h3><span class="mark">&#9733;&#9733;&#9733;&#9733;&#9733;</span>'; 
infowindow.setContent(myDiv);
var myDiv=document.createElement('div');
myDiv.innerHTML='随便什么★★★★★'; 
infowindow.setContent(myDiv);
如果仍然没有帮助-尝试在内容样式中添加“空白:nowrap”,例如:

infowindow.setContent('<div style="white-space:nowrap">....</div>');
infowindow.setContent('..');

或者(甚至更好)在CSS类中。

基于Micha的答案,显式样式在Firefox和Chrome上运行良好

infowindow.setContent('<div style="overflow:hidden">' + var + '</div>');
infowindow.setContent(“”+var+“”);
infowindow.setContent('<div style="overflow:hidden">' + var + '</div>');