当我在选项中有 2 个或更多单词时，Cufon + SelectBoxIt 组合广告三个点答案

【问题标题】：Cufon + SelectBoxIt combination ads three dots when I have 2 or more words in option当我在选项中有 2 个或更多单词时，Cufon + SelectBoxIt 组合广告三个点
【发布时间】：2013-03-05 17:11:22
【问题描述】：

我有这样的代码：

<script type="text/javascript">
            Cufon.replace('#select-stuff', { fontFamily: 'Myriad Pro' });
            Cufon.refresh('#select-stuff'); 
</script>

<script>
       $(document).ready(function(){

          // loading selectBoxIt
          var select = $("select");
          select.selectBoxIt();

          // code to fix reloading cufon on select change in select box
          refreshCufon();
          select.change(function() {
            refreshCufon();
          });          
          function refreshCufon() {
           Cufon.replace('#select-stuff', { fontFamily: 'Myriad Pro' });
           Cufon.refresh();
          }

        });
</script>

它可以工作，但是当我有例如选项中有 2 个或更多单词会出错，而不是单词它会添加三个点，如下所示：

或

因此，有多少单词并不重要。它以某种方式用三个点替换了最后一个单词。

知道是什么问题吗？

【问题讨论】：

有什么想法吗？我想不通。
发布您的代码链接或在此处发布更多代码。虽然删除 text-overflow: ellipsis 应该可以解决问题，但似乎还有另一个问题，因为有足够的水平空间可以容纳“变化之年”。

标签： javascript jquery cufon

【解决方案1】：

<style rel="stylesheet">
  .selectboxit-text {
    text-overflow: clip;
  }
</style>

【讨论】：

似乎正在使用剪辑。谢谢 ;）。将在 13 小时左右打勾/赏金；D
现在应该使用最新的 SelectBoxIt 版本修复此问题。

【解决方案2】：

如果您使用 selectBoxIt 提供的default .css file，它包含一个条目：

/* Button Text */
.selectboxit-text {
  ...
  text-overflow: ellipsis;
  ...
}

当文本比容器长时自动添加省略号（三个点）。更改 text-overflow 可能会解决您的问题，但如果没有实际代码，很难说出更多信息。

【讨论】：

只需删除/注释样式中的那一行。
还有更优雅的解决方案吗？
在你的css中设置text-overflow: clip;。