なかなか興味深いですねえ……
css
1fieldset{
2 word-break: break-word;
3 word-wrap: break-word;
4}
↑のコードで、Firefox,Chrome,IE11で折り返されることを確認しました。
ただ、面白い結果なのでサンプルを見ていただきたいのですが、
Firefoxでは???...
と###...
についてword-break: break-word;
が必要なのですが、
Chromeについては???...
がword-break: break-word;
が必要になります。
IE11は???...
にword-wrap: break-word;
が必要です。
また、サンプルには書いていませんが、Firefoxはoverflow-wrap: anywhere;
でも対処できるようです。
CSSの仕様書を眺めてみましたが、どうしてこうなるのか、についてはよくわかりませんでした。
HTML
1<fieldset class="break-word">
2????????????????????????????????????????????????????????????????????????????
3</fieldset>
4<fieldset class="break-word">
5############################################################################
6</fieldset>
7<fieldset>
80000000000000000000000000000000000000000000000000000000000000000000000000000
9</fieldset>
10<fieldset>
11dadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadadada
12</fieldset>
css
1fieldset{
2 word-break: break-all;
3}
4.break-word{
5 border: solid red;
6 word-break: break-word;
7 word-wrap: break-word;
8}