xhtml - XHTML facebook 喜欢按钮

Question

我目前正在加入一个像这样的 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>

我的问题：

类似的文字太宽。通常你使用数据标签来确定宽度

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

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

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

将不起作用，因为跨度类中的 div 具有更大的宽度。

Answer 1

我不确定我是否了解您的目的，但我认为这就是您想要的：

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