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的喜歡按鈕

回答

相關問題