流畅的 Facebook“点赞”按钮？

发布于 2024-12-03 08:47:08 字数 146 浏览 0 评论 0原文

我的网站上有一个 facebook“喜欢”按钮，我想让它变得流体，因为它所在的容器是流体，当容器小于按钮时就会溢出。我想保持文本和按钮相同的大小，id 只是想让溢出的文本中断到下一行...谷歌搜索中有很多结果可以自定义此内容，但我还没有找到任何可以将根据流体宽度进行换行。谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我也只是我 2024-12-10 08:47:08

也许我不明白你在做什么，但文本换行应该自动发生，如下所示：

<style type='text/css'>
#wrapper { width: 250px }
#like { border: none; width: 100%; background-color: transparent }
</style>

<div id='wrapper'>
<iframe id='like' src='http://www.facebook.com/plugins/like.php?href=xxx' scrolling='no' frameborder='0' allowtransparency='true'></iframe>
</div>

你可以更改包装器 div 的宽度，Like 文本将根据需要换行。

XFBML 的工作方式不同，但您可以通过固定宽度来截断文本：

<style type='text/css'>
#like { width: 104px; overflow: hidden }
</style>

<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_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like id='like' href="xxx" send="true" show_faces="false" layout="standard"></fb:like>

Perhaps I'm not understanding what you're after, but text wrapping should happen automatically with something like this:

<style type='text/css'>
#wrapper { width: 250px }
#like { border: none; width: 100%; background-color: transparent }
</style>

<div id='wrapper'>
<iframe id='like' src='http://www.facebook.com/plugins/like.php?href=xxx' scrolling='no' frameborder='0' allowtransparency='true'></iframe>
</div>

You can change the width of the wrapper div and the Like text will wrap as needed.

The XFBML doesn't work the same way, but you can cut off the text by fixing a width:

<style type='text/css'>
#like { width: 104px; overflow: hidden }
</style>

<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_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like id='like' href="xxx" send="true" show_faces="false" layout="standard"></fb:like>

回复收藏 0 原文

~没有更多了~