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

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

構文
pre-line
連続するホワイトスペースは詰められて 1 つになります。行の折り返しは、改行文字や <br> 要素のあるときか、行ボックスを埋めるのに必要なときに行われます。

使用例

<style>
  .cft {
    border: 1px solid #000;
    width: 150px;
    height: 50px;
    background: SkyBlue;
    white-space: pre-line;
  }
</style>
<p class="cft">AA     test123 234567890</p>