在Javascript中设置我的DIV标记样式时添加了一个中断

我需要设计一个简单的div，我在costum谷歌地图的信息窗口中使用它。我正在一步一步地做，字符串通过数据库读取，小图片URL也是如此

所有内容都加载得很好，但我无法正确设置div标记的样式。在屏幕截图上，您可以看到在第一个加号（“+”）之后添加了一个中断，我用它来组成图片旁边右侧div中的字符串

在这里，您可以看到出现问题的屏幕截图：

有人知道我做错了什么吗？这是我使用的一段代码：

var ARP = 'ARP: ' + markers[i].getAttribute("ARP").toString();
var Place = '<br>Place: ' + markers[i].getAttribute("Place").toString();
var Fuel = '<br>Fuel type: ' + markers[i].getAttribute("Fuel").toString();
var Cap = '<br>Capaciteit: ' + markers[i].getAttribute("Cap").toString() + ' MW';
var icon_image = {
url: markers[i].getAttribute("Icon_url").toString(),
};


var image = '<div id="foto" style="float:left;width:150px;padding-right:10px;background-color:#EEEEEE"><img src="'+ markers[i].getAttribute("Image_url") + '" alt=""  ></div>';

var temp_tekst = ARP + Place  +  Fuel + Cap ;
temp_tekst = temp_tekst.toString();
var tekst = '<div id="tekst" style="width:200px;height=150px;background-   color:#FFA500">'+ temp_tekst +'</div>';

var content = '<div id="container" style="width:500px;height=150px;" > ' + image + tekst + '</div>';

var ARP='ARP:'+标记[i].getAttribute（“ARP”）.toString（）；
var Place='
Place:'+标记[i].getAttribute（“Place”）.toString（）；
var Fuel='
燃料类型：'+标记[i].getAttribute（“燃料”）.toString（）；
var Cap='
capacityIt:'+markers[i].getAttribute（“Cap”）.toString（）+'MW'；
变量图标\u图像={
url:markers[i].getAttribute（“图标\ url”）.toString（），
};
var图像=“”；
var temp_tekst=ARP+位置+燃料+盖子；
temp_-tekst=temp_-tekst.toString（）；
var tekst=''+温度_tekst+''；
var内容=''+图像+tekst+''；

我猜调用

标记[i].getAttribute（“ARP”）.toString（）

返回的字符串包含

标记或

或其他块级元素。尝试从此字符串中剥离HTML标记，或使用web浏览器检查器确保返回的字符串中没有HTML标记

---

另一种可能性是，如果您在橙色背景的容器上有固定宽度，浏览器将自动换行以适应固定大小。

您的第二种可能性是正确的，第二个div内的固定宽度确实是问题所在，谢谢！