1

我有一个像这样的代码：

<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 个或更多单词时，它会出错，而不是单词，它会添加三个点，如下所示：

在此处输入图像描述

或者

在此处输入图像描述

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

知道有什么问题吗？

4

2 回答 2

2

如果您使用selectBoxIt 提供的默认.css文件，它包含一个条目：

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

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

于 2013-03-11T20:57:32.690 回答
2 
<style rel="stylesheet">
  .selectboxit-text {
    text-overflow: clip;
  }
</style>
于 2013-03-11T21:06:51.753 回答