HTML中手动分行有四种方法：一、用<br>标签实现单次换行；二、用<p>标签创建语义化段落；三、用<div>配合white-space:pre-line保留源码换行；四、用<pre>标签原样输出含换行符的文本。
如果您在编写HTML时希望对文本内容进行手动分行，需要使用特定的HTML标签来控制换行行为。以下是实现HTML内容手动分行的具体方法：
一、使用 <br> 标签插入单次换行
<br> 是HTML中唯一专用于强制换行的空元素标签，它不产生新段落，仅在当前位置插入一个换行符，适用于地址、诗句、歌词等需保持同一段落内多行显示的场景。
1、在需要换行的位置，直接输入 <br> 标签（无需闭合）。
2、确保 <br> 位于文本内容中间，而非段落标签外部或孤立存在。
立即学习“前端免费学习笔记（深入）”；
3、连续使用多个 <br> 可实现多行空白，例如 <br><br> 生成一行空白间隔。
二、使用 <p> 标签创建独立段落分行
<p> 标签语义化表示一个段落，浏览器默认会在每个 <p> 元素前后添加上下外边距，从而实现视觉上的自然分行，适合结构化文本内容。
1、将每一段独立文字用 <p> 开始标签和 </p> 结束标签包裹。
2、相邻的 <p> 标签之间无需额外换行标签，浏览器自动分离为不同段落。
3、若需取消段落间默认间距，可通过CSS设置 margin: 0;，但此操作不改变其语义分行本质。
三、使用 <div> 或 <span> 配合 CSS white-space 属性控制换行
当需保留原始换行符（如从数据库读取含回车的文本）并让HTML按源码格式显示时，可借助 white-space CSS 属性配合容器标签实现手动换行效果。
1、将文本包裹在 <div> 标签中，并为其添加内联样式：style="white-space: pre-line;"。
2、确保原始HTML源码中该 <div> 内部存在真实的换行符（即编辑器中按Enter键产生的回车）。
3、pre-line 值会合并连续空白符，但保留换行符，这是唯一能响应源码回车的手动分行CSS方案。
四、使用 <pre> 标签原样输出带换行的文本
<pre> 标签默认保留所有空白字符（包括空格、制表符与换行符），常用于代码块、ASCII艺术或格式化日志输出，属于语义明确的手动分行方式。
1、将需保留换行的文本整体放入 <pre> 和 </pre> 标签之间。
2、确认文本在HTML源文件中已包含实际的换行符（非 <br> 或其他标签）。
3、注意 <pre> 默认使用等宽字体且可能产生水平滚动条，须通过CSS调整 font-family 或 overflow 控制显示效果。
