代码之家  ›  专栏  ›  技术社区  ›  DCR

防止用预标记包围的长行溢出

  •  0
  • DCR  · 技术社区  · 1 年前

    我有一行很长的文字,用 <pre> </pre> 标签。

    有什么方法可以换行吗?或者我需要添加 <br> 插入文本行?

    1 回复  |  直到 1 年前
        1
  •  2
  •   KIKO Software    1 年前

    有一个名为的CSS属性 white-space: pre-wrap; ,它在必要时插入换行符,同时保留空白序列。请参阅:

    .box {
      width: 200px;
      background-color: red;
    }
    
    .text {
      white-space: pre-wrap;
    }
    <div class="box">
      <pre class="text">This is a very long line indeed. Way to long for this little box</pre>
    </div>