html网站文字换行代码

使用` 标签强制换行，或通过CSS设置white-space: pre;`保留文本格式实现自动

文字换行基础方法

标签/属性	作用	示例代码	效果说明
`<br>`	强制换行（单个换行）	`这是第一行<br>这是第二行`	在指定位置插入换行符，适用于需要手动控制换行的场景
`<p>`	段落自动换行	`<p>这是第一段</p><p>这是第二段</p>`	段落间自动添加空行，内部文本自动换行
`css word-wrap`	自动换行（长单词拆分）	`<div style="word-wrap: break-word">超长无空格文本</div>`	处理无空格的长文本（如URL），防止溢出
`css white-space`	控制空格和换行	`<div style="white-space: pre"> 保留空格和换行 </div>`	`normal`（合并空格）、`pre`（保留格式）、`nowrap`（不换行）

为什么<div>里的空格和换行会消失？
HTML会合并多余空格和换行符，需通过<pre>标签或white-space: pre保留格式。
示例：

html网站文字换行代码第1张

<div style="white-space: pre">   缩进    文本  </div>

如何让单行文本在容器内垂直居中？
使用line-height等于容器高度，或Flex布局。
示例：

.container { height: 30px; line-height: 30px; }