Css 数据布局=";盒子“U计数”;显示正确的宽度

Css 数据布局=";盒子“U计数”;显示正确的宽度,css,facebook,Css,Facebook,我正在努力解决一个非常奇怪的问题 当我在like按钮上使用data layout=“box\u count”时,喜欢的框架的宽度会被剪切,但当我使用data layout=“standard”时,其宽度绝对正确 我使用的代码是HTML5,并且是开发人员使用的代码 <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0];

我正在努力解决一个非常奇怪的问题

当我在like按钮上使用data layout=“box\u count”时,喜欢的框架的宽度会被剪切,但当我使用data layout=“standard”时,其宽度绝对正确

我使用的代码是HTML5,并且是开发人员使用的代码

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=504558953003252&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=50455895303252&version=v2.0”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
这是我的一些照片

数据布局=“框数”

数据布局=“标准”


有什么想法吗?

检查你的CSS,确保没有任何东西阻止iframe按照插件的意愿绘制

几天前,我遇到了完全相同的问题,在提交了一份bug报告后,Facebook告诉我哪种CSS风格是冲突的

一些你应该注意的事情:

  • 检查iframe元素或其容器上是否有
    最大宽度:
    (这是我的情况,我为客户端修改了WordPress主题,这是在CSS重置中,所以我没有注意到…)
  • 尝试在iframe的所有父对象上强制执行溢出:可见
从:

单击Like按钮时,评论弹出窗口(“弹出框”)不会显示。为什么?

如果Like按钮放置在HTML元素的边缘附近,且CSS overflow属性设置为hidden,则单击按钮时弹出按钮可能会被剪裁或完全隐藏。可以通过将overflow属性设置为hidden以外的值(例如visible、scroll或auto)来解决此问题

请在