java - GWT - HTML ウィジェット - 単語をラップしない方法

Question

HTMLウィジェットに関して興味深いことに直面しました。事は...

1 行あたりの単語の長さが長すぎる場合、 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 では機能しません :( クロスブラウザを壊すという言葉をどのように作成しますか ?

有益なコメントは大歓迎です

score 1 · Accepted Answer

word-wrap:break-word次のリンクで説明されているように、CSSプロパティを使用します。これは、HTMLウィジェットの高さと幅が静的であっても機能します。

score 0 · Accepted Answer

CSS スタイルを HTML ウィジェットに追加して、長い単語を分割します。

編集：

私は修正したままです: word-wrap がより良いオプションです。続きを見る：

score 0 · Accepted Answer

0

CSS プロパティを使用するword-break:normal;か、試してくださいword-break:hyphenate;

于 2012-12-13T04:31:02.583 に答える

3 に答える 3