68

単にword-break: break-all要素を配置すると、多くの場合、次のようになります。

こんにちは、
長すぎて収まりきらないメッセージを入力しています。

明らかに、これは次のようにはるかに優れています。

こんにちは、
長すぎて収まらないメッセージを入力しています!

しかし同時に、誰かが書いた場合:

BLAAAAAAAAARRRRRRRRRRGGGGGGGGGHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH!!!!!!!!!

次に、次のようにしたいと思います。

BLAAAAAAAAARRRRRRRRRRRGGGGGGGGHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
!!!!!!!!!

実際にこれを行う方法を見つけることができないようです。

要素の幅は固定されておらず、変更される可能性があることに注意してください。

4

4 に答える 4

54

word-break: break-word;期待どおりに動作するはずです。

于 2012-10-02T23:21:02.823 に答える
4

スマートな単語区切り、またはそもそも正しい単語区切りのためには、言語に依存するルールが必要です。英語や他の多くの言語では、正しい改行はハイフネーションを意味し、改行が発生したときに行末にハイフンが追加されます。

CSS では、 を使用できますがhyphens: auto、ほとんどの場合、ベンダー プレフィックスを使用して複製する必要があります。これは IE 9 では機能しないため、代わりにHyphenate.jsなどの JavaScript ベースのハイフネーションを検討してください。langどちらの場合も、言語マークアップ (属性)を使用することが不可欠です。

ハイフネーションできない長い文字列を分割することは、別の問題です。それらは前処理で処理するのが最善ですが、単純な設定ではword-break: break-word(たとえば、英語で単語の改行が正しくないことを意味します)、緊急事態と見なされる場合があります。

于 2012-10-03T05:46:15.163 に答える