PHP & JavaScript Room :: 設置サンプル

white-space:nowrapプロパティの使用例

実行結果

何も指定しないので折り返しされます。 何も指定しないので折り返しされます。 何も指定しないので折り返しされます。

nowrapを指定しているので折り返しされません。 nowrapを指定しているので折り返しされません。 nowrapを指定しているので折り返しされません。

ソース

<p style="white-space:normal; background-color:#ffffcc;">
    何も指定しないので折り返しされます。
    何も指定しないので折り返しされます。
    何も指定しないので折り返しされます。
</p>

<p style="white-space:nowrap; background-color:#ffffcc;">
    nowrapを指定しているので折り返しされません。
    nowrapを指定しているので折り返しされません。
    nowrapを指定しているので折り返しされません。
</p>

polarized women