Css Can';不要操纵Facebook按钮的宽度
我有一个200px宽的侧边栏,我放在里面的类似Facebook的按钮在DIV的边界之外运行。是否有任何解决方法可以让类似的框文本识别200px标记,并在需要时重新流到新行上 我正在使用此代码: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#
(功能(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&send=false&layout=standard&width=200&show_faces=false&font&colorscheme=light&action=like&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;
}