Open1
HTML/CSS
Futa Arai
html でスペース無しのランダムな英語の文字列を入れると改行されずにオーバーフローしてしまう。
日本語だと勝手に改行される。
確かに英語だと勝手に単語の途中で改行しちゃうと意味わからなくなってしまう。
this is a rand-
om sentence
みたいに "-" を途中に入れれば伝わるけど、これを使う場合と、普通に改行する場合とを使い分ける器用さは無いらしい（単純にデフォルトで "-" が入る仕様だと見栄えが悪い）。
明示的に改行して欲しい場合は
p {
word-break: break-all; /* Breaks words at any point to avoid overflow */
/* OR */
overflow-wrap: break-word; /* Breaks long words at the end of the line */
}
を指定する。