[CSS]white-space プロパティ値preの使い方

2014年2月10日2021年9月15日

構文
pre
改行：そのまま
空白とタブ文字：そのまま
テキストの折り返し:折り返さない
行末の空白:そのまま
連続するホワイトスペースはそのまま残され、行の折り返しは、ソース内の改行文字と、 <br> 要素でのみ行います。

使用例

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