word-break:文章内における改行位置を調整

word-break: normal;

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なLorem ipsum dolor sit amet, consectetur adipisicing elit, se

word-break: break-all;

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なLorem ipsum dolor sit amet, consectetur adipisicing elit, se

word-break: keep-all;

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なLorem ipsum dolor sit amet, consectetur adipisicing elit, se

word-break: break-word;

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なLorem ipsum dolor sit amet, consectetur adipisicing elit, se



overflow-wrap:単語内での改行の可否

overflow-wrap: normal;

SAMPLETEXTSAMPLETEXTSAMPLETEXTSAMPLETEXTSAMPLETEXT いろはにほへとちりぬるをいろはにほへとちりぬるを

overflow-wrap: break-word;

SAMPLETEXTSAMPLETEXTSAMPLETEXTSAMPLETEXTSAMPLETEXT いろはにほへとちりぬるをいろはにほへとちりぬるを

overflow-wrap: anywhere;

SAMPLETEXTSAMPLETEXTSAMPLETEXTSAMPLETEXTSAMPLETEXT いろはにほへとちりぬるをいろはにほへとちりぬるを



white-space:スペースや改行の表示方法を指定

white-space: normal;

SAMPLETEXTSAMPLETEXT sampletextsampletext いろはにほへとちりぬるを イロハニホヘトチリヌルヲ

white-space: nowrap;

SAMPLETEXTSAMPLETEXT sampletextsampletext いろはにほへとちりぬるを イロハニホヘトチリヌルヲ

white-space: pre;

SAMPLETEXTSAMPLETEXT sampletextsampletext いろはにほへとちりぬるを イロハニホヘトチリヌルヲ

white-space: pre-wrap;

SAMPLETEXTSAMPLETEXT sampletextsampletext いろはにほへとちりぬるを イロハニホヘトチリヌルヲ

white-space: pre-line;

SAMPLETEXTSAMPLETEXT sampletextsampletext いろはにほへとちりぬるを イロハニホヘトチリヌルヲ