5

div があり、すべての長い単語 (スペースなし) が div の外に流れています。

質問を「コンテナから長いテキストが流出するのを防ぐ方法」または「ボックスから長い単語が流出する - 防ぐ方法は? 」の重複としてマークしないでください。を使用して問題を解決しword-wrap: break-word;ます。

の欠点はword-wrap: break-word;、div の端にある短い単語も分割され、テキストの流れが乱れることです。短い言葉はそのままで、長い言葉を壊すだけにしたい。これを実装することは可能ですか？他のウェブサイトはそれをどのように処理しますか?

4

2 に答える 2

8

また、divの端にある短い単語を分割します

それは真実ではありません...そうword-wrap: break-word;すべきではありません。おそらく、これをプロパティ (すべてのブラウザーで機能するとは限りません)
と混同している可能性があります。word-break: break-all;

比較については、この jsfiddle を参照してください: http://jsfiddle.net/Snu8B/3/

Firefox の場合は、ハイフンプロパティを試すことができます。

于 2013-04-06T15:28:57.570 に答える
0

単語を「隠す」場合は、overflow:hidden で再生できます

.mydiv {
   height  : youchoose;
   width   : youchoose;
   overflow: hidden;
}

さもないと：

word-wrap : normal|break-word;
normal    : Break words only at allowed break points
break-word: Allows unbreakable words to be broken

word-break: normal|break-all|hyphenate;
normal    : Breaks non-CJK scripts according to their own rules
break-all : Lines may break between any two characters for non-CJK scripts
hyphenate : Words may be broken at an appropriate hyphenation point
于 2013-04-06T17:56:45.660 に答える