jquery移動按鈕文本自動換行符

Question

我希望我的按鈕中的文本在到達按鈕末尾時會自動換行。當我正常jquery移動樣式它截斷我的文本，並像這裏放置三個點： here

我發現了一點workarround，這些點不像這裏顯示（白色空間：正常沒有工作對我來說） here

有一個想法，我怎麼能讓它做自動換行符？

Answer 1

你不能在< CSS3中換行分隔單個單詞，但CSS3中有一個新的css關鍵字，稱爲word-break，允許你使用。這顯然只能在CSS3瀏覽器中使用。

給您的按鈕CSS類，如果你想這僅適用於單一的按鈕，如：

<a data-role="button" class='myButton'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a> 

然後創建一個CSS樣式是這樣的：

.myButton 
{ 
    word-wrap: break-word !important; 
    white-space: normal !important; 
} 

這將然後將這個詞包裝到指定的按鈕寬度中。

這裏是更新的jsFiddle example來演示。