「CSS」white-space プロパティ値nowrapの使い方

2021年9月15日

構文
nowrap
改行:まとめる
空白とタブ文字:まとめる
テキストの折り返し:折り返さない
行末の空白:除去
normal と同じくホワイトスペースを詰めますが、行の折り返しは行いません。

使用例

<style>
  .cft {
    border: 1px solid #000;
    width: 150px;
    height: 50px;
    background: SkyBlue;
    white-space: nowrap;
  }
</style>
<p class="cft">test    テスト123456789000</p>