jquery移动按钮文本自动换行

Question

我希望按钮中的文字在到达按钮末尾时自动换行。当我使用普通的jquery移动样式时，它会截断我的文本并放置三个点，如下所示： here

我找到了一些小点，这些点不会像这里一样出现（白色空间：正常对我不起作用） here

有一个想法，我怎么能让它做自动换行？

Answer 1

你不能在＆lt;中断行单个单词。 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来演示。