2013-03-05 49 views
1

2分或更多的話我有這樣一段代碼:的Cufón+ SelectBoxIt組合廣告三個點,當我在選擇

<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個或更多的話在它出錯和代替的話就加s三個點這樣的選項:

enter image description here

enter image description here

所以不要緊多少字tere是。它以某種方式用三個點代替最後一個詞。

任何想法是什麼問題?

+0

任何想法?我想不明白。 – Derfder 2013-03-07 09:51:01

+1

發佈你的代碼鏈接或在這裏發佈更多的代碼。雖然刪除'text-overflow:ellipsis'應該可以做到這一點,但似乎還存在另一個問題,因爲「變更年份」有很多水平空間可供選擇。 – matthewpavkov 2013-03-11 21:14:33

回答

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

似乎與剪輯一起工作。謝謝 ;)。將在13小時左右打勾/賞金; D – Derfder 2013-03-12 07:19:05

+1

現在應該使用最新的SelectBoxIt版本解決此問題。 – 2013-03-20 18:16:21

2

如果使用提供selectBoxIt的default .css file,它包含的條目:

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

其自動添加省略號(三個點),當文字較長的容器。有可能更改text-overflow可以解決您的問題,但如果沒有實際的代碼很難說明問題。

+0

那麼,如何刪除它? – Derfder 2013-03-11 21:00:52

+0

只刪除/註釋樣式中的該行。 – 2013-03-11 21:01:42

+0

更優雅的解決方案? – Derfder 2013-03-11 21:02:43