長い英単語を途中で折り返したいときの CSS の指定方法: Days on the Moon

ヨーロッパ系の言語では基本的に単語の途中に折り返しを入れません。しかし、幅の狭い領域に長い英単語を記述するときや、笑いを表す「www…www」のように欧文文字を表現に組み込むときなど、欧文文字同士の合間で折り返したいと思うかもしれません。そのような折り返しの制御を CSS で行うにはどうすればよいのでしょうか。 2013 年 6 月時点の結論 word-wrap: break-word を使うとどうなるのか word-break: break-all を使うとどうなるのか word-wrap: break-word と word-break: break-all を両方使うとどうなるのか なぜ word-break: break-all ではなく word-wrap: break-word を勧めるのか どこに word-wrap: break-word を指定するのか position:

[efcl]

word-break,word-wrapなどの折り返しについて

[iww]

word-break: break-all は最強で無敵

[canna_koritan]

“word-wrap: break-word”

[web_shufu]

長い英単語を途中で折り返したいときの #CSS の指定方法: Days on the Moon

[emj1025]

word-wrap word-break。tableのセルにはmax-widthを指定

[stuons]

英文サイト

[lingling_yas]

“word-wrap: break-word”

[hanagejet]

英単語の折り返し。

[nilab]

長い英単語を途中で折り返したいときの CSS の指定方法: Days on the Moon

[terkel]

「word-wrap: break-word を使ってください」[linebreak]

[attsumi]

word-wrap

[hama_shun]

折り返し 禁則処理

[bleu-bleut]

文字列の折り返し

[nurse]

word-break: break-all word-wrap: break-word