java - GWT - HTML 小部件 - 如何不换行

Question

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

如果每行的字长太长，那么 HTML 小部件会变得更宽，无法将其全部放入

所以我的问题是......是否有可能让 HTML 小部件将长词切成小块而不是使其本身变得更宽？

与 Swing 相比，我的意思是当自动换行关闭时 JTextArea 之类的效果（见图）

在此处输入图像描述

编辑

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

复合代码：

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 中无效 :( 如何使这个词打破跨浏览器一个？

非常感谢任何有用的评论

score 1 · Accepted Answer

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

score 0 · Accepted Answer

将 CSS 样式添加到您的 HTML 小部件以打破长字：

编辑：

我保持正确：自动换行是更好的选择。看更多：

score 0 · Accepted Answer

0

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

于 2012-12-13T04:31:02.583 回答

3 回答 3