jquery - jquery移动按钮文本自动换行符

Question

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

我发现了一个小问题，这些点不会像这里那样出现（空白：正常对我不起作用） 在这里

有人知道如何让它自动换行吗？

Answer 1

您不能在 < CSS3 中对单个单词进行换行，但 CSS3 中有一个名为 word-break 的新 css 关键字允许您这样做。这显然只适用于 CSS3 浏览器。

给你的按钮一个 css 类，如果你希望它只应用于单个按钮，例如：

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

然后创建一个像这样的css样式：

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

然后，这会将单词环绕到按钮的指定宽度中。

这是一个更新的jsFiddle 示例来演示。