Question

使用下面的脚本代码，这将从facebook垂直返回图像。香港专业教育学院删除所有断裂和线条的痕迹，并假设这将水平显示图像，但只是在垂直堆栈中显示...

很明显，我是一个“肮脏的副本和贴纸”，但是嘿，我们都要从某个地方开始！



{
var divContainer = document.createElement("div");
divContainer.innerHTML="%img src='http://graph.facebook.com/"+data[friendIndex].id+"/picture'%%/img%";
divTarget.appendChild(divContainer);
}

{ var divContainer = document.createElement("div"); divContainer.innerHTML="%img src='http://graph.facebook.com/"+data[friendIndex].id+"/picture'%%/img%"; divTarget.appendChild(divContainer); }

图像 http://i.imgur.com/TcsGN.png

同样，大量的道歉，但＆lt; ＆GT;代码中img周围的标签使代码消失，所以我用％

替换它们

Answer 1

确实与以前的HTML / CSS评论一致。为了清楚起见，DIV标记默认具有块的显示属性，SPAN标记默认为内联。也可以使用内联块，但解决该问题的最佳方法是为divContainer提供一个类名，并在CSS声明中使用所需的display属性内联值定义该类。

Answer 2

这是一个HTML / CSS问题，而不是Facebook / Graph API问题。 div将垂直渲染。请尝试使用<span>代码：

var spanContainer = document.createElement("span");
spanContainer.innerHTML = "<src='http://graph.facebook.com/"+data[friendIndex].id+"/picture' />";
divTarget.appendChild(spanContainer);

FB代码//垂直堆叠的图像，如何水平放置

2 个答案: