時折、ある程度は折り返してもよいが、折り返しのタイミングはてにおはや句点、読点にして欲しい、といった要望があります。そういった際には次の様に句単位で 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
の常として、幅によってははみ出してしまいますが、そのあたりはデザインや実行環境と応相談です。