0

我刚刚遇到了一个关于 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 中无效 :( 如何使这个词打破跨浏览器一个?

  • GWT 2.3 版

非常感谢任何有用的评论

4

3 回答 3

1

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

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

于 2012-12-13T05:27:14.120 回答
0

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

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

编辑:

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

CSS中的“word-break:break-all”与“word-wrap:break-word”有什么区别

于 2012-12-13T01:09:27.783 回答
0

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

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