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: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;
}