やあ、私の名前はケンシロウです。<br>どうぞケンと呼んでください。<br>私は18歳です。<br>私は年齢よりも老けて見えるかもしれない。表示範囲に合わせて改行される。break-all・・・言語に関係なく表示範囲に合わせて改行される。keep-all・・・言語に関係なく、単語の切れ目で改行されます。normal;">やあ、私の名前はケンシロウです。ケンと呼んでください。私は年齢よりも老けて見えるかもしれない。break-all;">やあ、私の名前はケンシロウです。ケンと呼んでください。私は年齢よりも老けて見えるかもしれない。keep-all;">やあ、私の名前はケンシロウです。ケンと呼んでください。私は年齢よりも老けて見えるかもしれない。age.</p>使用例:画面white-spaceプロパティを利用するnormal・・・画面幅いっぱいのところで、自動的な折り返しが行わる。nowrap・・・自動的な折り返しを禁止する。画面領域の幅を超えたテキストははみ出して表示される(横スクロールで確認可能)。pre・・・HTMLに記述した改行の通りに表示される。normal;">やあ、私の名前はケンシロウです。ケンと呼んでください。私は年齢よりも老けて見えるかもしれない。nowrap;">やあ、私の名前はケンシロウです。ケンと呼んでください。私は年齢よりも老けて見えるかもしれない。やあ、私の名前はケンシロウです。ケンと呼んでください。私は年齢よりも老けて見えるかもしれない。終わりに恥ずかしながら、先日改行の位置ではまり、初めて「英語など外国語の場合「半角スペース」「-(ハイフン)」「/(スラッシュ)」などの直後で改行される」という事実を知りました。それをきっかけに今回改行について色々調べてみようと、当記事を書きました。ソースと、キャプチャを見て、改行位置の違いが伝われば幸いです。他にも改行を指定する方法はあるので、そちらの追記とブラウザごとの検証結果を追記していくつもりです。upLoginユーザーは見つかりませんでした。