Question

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

Answer 1

也许我不理解你所追求的是什么，但文字包装应该自动发生，如下所示：

<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>

流畅的脸书“喜欢”按钮？

1 个答案: