📜  如何在 HTML 文本区域中添加换行符?(1)

📅  最后修改于: 2023-12-03 15:24:11.895000             🧑  作者: Mango

如何在 HTML 文本区域中添加换行符?

在 HTML 中,添加换行符可以通过以下方法:

  1. 使用 <br> 标签

    <br> 标签可以在文本中插入一个换行符。例如:

    <p>第一行文字<br>第二行文字</p>
    

    上面的代码将会显示为:

    第一行文字 第二行文字

  2. 使用 CSS 中的 white-space 属性

    可以在 CSS 中使用 white-space 属性来指定文本中的空格和换行符的显示方式。例如:

    <style>
    pre {
      white-space: pre-wrap;
    }
    </style>
    
    <pre>
    第一行文字
    第二行文字
    </pre>
    

    上面的代码将会显示为:

    第一行文字 第二行文字

  3. 使用 &nbsp; 表示空格,使用 <br> 表示换行符。

    <p>第一行文字&nbsp;&nbsp;&nbsp;&nbsp;第二行文字<br>第三行文字&nbsp;&nbsp;&nbsp;&nbsp;第四行文字</p>
    

    上面的代码将会显示为:

    第一行文字 第二行文字 第三行文字 第四行文字

无论采用哪种方法,都可以在 HTML 中添加换行符。