Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Can';不要操纵Facebook按钮的宽度_Css_Facebook_Facebook Like_Reflow - Fatal编程技术网

Css Can';不要操纵Facebook按钮的宽度

Css Can';不要操纵Facebook按钮的宽度,css,facebook,facebook-like,reflow,Css,Facebook,Facebook Like,Reflow,我有一个200px宽的侧边栏,我放在里面的类似Facebook的按钮在DIV的边界之外运行。是否有任何解决方法可以让类似的框文本识别200px标记,并在需要时重新流到新行上 我正在使用此代码: (功能(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_US/all.js#

我有一个200px宽的侧边栏,我放在里面的类似Facebook的按钮在DIV的边界之外运行。是否有任何解决方法可以让类似的框文本识别200px标记,并在需要时重新流到新行上

我正在使用此代码:


(功能(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_US/all.js#xfml=1&appId=43774540293229”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);

我将把我的评论作为答案

声明最小宽度必须为225像素

它有时可能小于此值的原因是,您可以使用iframe。 虽然较小的宽度不完全受支持,但它似乎确实有效

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fgoogle&amp;send=false&amp;layout=standard&amp;width=200&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>


请注意,您必须在两个不同的位置设置宽度

相似框的宽度是一个问题。我在CSS中使用了overflow:hidden,使其在左侧边栏中正常工作。 这里的问题是图像被剪切了,但至少宽度还可以

#sidebar-left .fb-like-box  {
width: 187px !important;
overflow:hidden;
}

将#侧边栏左改为div的名称。

最小宽度:225像素。公平点-我看到它比225px窄,例如在右侧,他们使用iframe。虽然较小的宽度不完全受支持,但它似乎确实有效!有趣-这似乎解决了问题!谢谢
#sidebar-left .fb-like-box  {
width: 187px !important;
overflow:hidden;
}