時折、ある程度は折り返してもよいが、折り返しのタイミングはてにおはや句点、読点にして欲しい、といった要望があります。そういった際には次の様に句単位で span をつけ、各 span に white-space:nowrap をかける方法が有効です。
1 2 3 | <div class="wrap"> <span>折り返しのタイミングを</span><span>制御する</span></div> |
1 2 3 | .wrap span { white-space: nowrap;} |
これのデモが次です。
white-space:nowrapの常として、幅によってははみ出してしまいますが、そのあたりはデザインや実行環境と応相談です。
