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来演示。