1

我需要设计一个简单的 div，我在服装谷歌地图上的 InfoWindow 中使用它。我是一步一步做的，字符串是通过数据库读入的，小图网址也是。

一切都正常加载，但我无法正确设置 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>';
4

1 回答 1

0

我的猜测是该调用markers[i].getAttribute("ARP").toString()返回一个带有<br>标签<div>或其他块级元素的字符串。尝试从该字符串中删除 HTML 标记，或使用 Web 浏览器检查器确保您返回的字符串中没有 html 标记。

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

于 2013-07-12T14:04:39.053 回答