XHTML Facebook的喜欢按钮

我目前计有像按钮，一个网站这样XHTML Facebook的喜欢按钮

<div id="fb-root"></div> 
<script type="text/javascript"> 
//<![CDATA[ 
(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> 
... 
<span class="fb-like"></span>

我的问题：

facebook like button 类似文本太宽。通常使用数据标签来确定宽度

<span class="fb-like" data-width="150"></span>

这会导致文档无效（数据标签不是XHTML有效的）。有没有什么方法可以在不破坏XHTML验证的情况下设置宽度？

<span class="fb-like" style="width:50px;"></span>

将不起作用导致span类中的div具有更大的宽度。

来源

2013-02-04 Chris

你为什么不只是使用Like按钮的XHTML版本？ – CBroe

我在[开发者页面]（https://developers.facebook.com/docs/reference/plugins/like/）上看不到任何XHTML版本的类似按钮？ – Chris

点击“获取代码”，在对话框顶部选择“XHTML”。 – CBroe

我不知道我知道你要什么，但我认为这是你想要什么：

<span class="fb-like" style="overflow: hidden; width: 50px;"></span>

来源

2013-02-04 15:18:42 BentOnCoding

内联风格不起作用（都不是CSS） – Chris

抱歉忘记包含宽度。 – BentOnCoding

似乎工作，谢谢 – Chris

XHTML Facebook的喜欢按钮

回答

相关问题