word-wrap:break-wordとword-break:break-allの関係および強制改行と強制不改行の問題

1006 ワード

word-wrap:break-wordとword-break:break-allの関係:
word-wrap:break-wordとword-break:break-allの共通点は、長い単語を強引に断句(改行)できることです.異なる点はword-wrap:break-wordがまず新しい行を作って長い単語を置くことです.新しい行はこの長い単語を置くことができないと、長い単語を強制的に断句します.word-break:break-allは長い単語を新しい行に置くことはありません.この行が置けないときは、直接断言を強制します.簡単で乱暴です.
英語の単語に対してまず新しい行を起こして、放さないでから強制的に断行します:
{
    word-wrap:word-break;
}

英語の単語に対して直接断行を強制する:
{
    word-break:break-all;
}

改行を強制しない:
{
    white-space:nowrap;
}