GWT - HTML小部件 - 如何不包装单词

Question

我刚刚遇到一个关于HTML小部件的有趣事情。事情是......

如果每行的字长太长，则HTML小部件会变得更宽，以便全部放入

所以我的问题是......是否可以将HTML小部件设置为逐个切割长字而不是自己变宽？

与Swing相比，我的意思是当自动换行时，JTextArea会产生这样的效果（见图片）

---

修改

我尝试使用css word-break: break-all;这里是代码：

复合代码：

public MyTestUI(){//constructor

 html.setStyleName("my-test");
}

public void setLongWord(String word)//method
{
  html.setHTML(word);
}

CSS

.my-test {
color:gray;
font-family:verdana;
white-space: normal;
word-break: break-all;
}

... css在Chrome中可以使用但在FF中不起作用:(如何使这个词破坏整个浏览器？

• GWT版本2.3

非常感谢任何有用的评论

Answer 1

使用CSS属性word-wrap:break-word，如以下链接所述。即使HTML小部件具有静态高度和宽度，这也将起作用。

http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

Answer 2

为HTML小部件添加CSS样式以打破长词：

http://www.w3schools.com/cssref/css3_pr_word-break.asp

编辑：

我保持纠正：自动换行是一个更好的选择。查看更多：

What is the difference between "word-break: break-all" versus "word-wrap: break-word" in CSS

Answer 3

使用CSS属性word-break:normal;或尝试word-break:hyphenate;