html回车换行

作者：洃铯哖輪发布日期:2025-07-16 浏览:39

<!-- 示例代码：HTML中的回车换行 -->

<!-- 使用 <br> 标签实现换行 -->
<p>这是第一行<br>这是第二行</p>

<!-- 使用 <pre> 标签保留空白和换行 -->
<pre>
这是第一行
这是第二行
</pre>

<!-- 使用 CSS 实现换行 -->
<p style="white-space: pre-line;">
这是第一行
这是第二行
</p>

解释说明：

<br> 标签：这是一个空标签，用于在文本中插入一个换行符。它不会创建新的段落，只是简单地将光标移动到下一行。
<pre> 标签：此标签会保留文本中的空格和换行符。通常用于显示预格式化的文本，如代码块或诗歌。
CSS white-space: pre-line;：通过设置 CSS 属性 white-space 为 pre-line，可以让浏览器保留换行符，但会忽略多余的空格，并且会在遇到换行符时自动换行。

上一篇：html 隐藏div

下一篇：html5canvas