jquery移动按钮文本自动换行

Question

我希望我的按钮中的文本在到达按钮结尾时自动换行.当我使用普通的jquery移动样式时,它会截断我的文本,并在此处放置三个点:

我发现了一个小workarround这些点不会出现像这里(白色空间:正常并没有为我工作) 在这里

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

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示例来演示.