CSSでもjQueryでも何でも構いませんので、お気軽にご相談ください。
というようにソフトハイフンを使うことができます。
aaaaaaaaaaaaaaaaaaaaaaaaaa`。
これは次のように表示されます。
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
ボックスの大きさが足りない場合は
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
のように表示されます。
div {
// set a width
word-wrap: break-word
}
word-wrapのソリューションは、IEとCSS3をサポートするブラウザでのみ動作します。
最良のクロスブラウザソリューションは、サーバーサイドの言語(phpなど)を使用して長い文字列を見つけ、その中にhtmlエンティティ
を一定の間隔で配置することです。
このエンティティは、長い単語をうまく分割し、すべてのブラウザで動作します。
例えば、以下のようになります。
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa