HTML怎么输入多行文字

使用 <pre> 标签保留格式

<pre> 标签会保留文本中的换行、空格等格式，适合展示代码或需保持原样的内容。

第一行

第二行第三行

| 显示为三行，保留换行和空格 | | 混合空格与换行 |

 缩进    换行

` | 保留缩进和换行 |

手动插入 <br>

在普通文本中,浏览器会合并换行和空格，需用 <br> 强制换行。

标签用法	示例代码	效果说明
单次换行	第一行<br>第二行<br>第三行	每行单独显示
混合段落与换行	<p>段落1<br>段落内换行</p>	段落内换行，段落间有垂直间距

CSS控制文本换行

通过CSS样式强制保留空白符或自动换行。

样式属性	示例代码	效果说明
white-space: pre	<div style="white-space:pre">文本</div>	保留空格和换行，类似<pre>
word-wrap: break	<div style="word-wrap:break-word">长文本</div>	自动折行，避免水平溢出

---

相关问题与解答

问题1：如何去除<pre>标签的默认等宽字体？
解答：通过CSS修改字体，

<pre style="font-family: Arial, sans-serif;">文本</pre>

问题2：如何在不使用<br>的情况下实现多行文本？
解答：将文本放入<pre>标签，或使用CSS white-space: pre，

<div style="white-space: pre">第一行