在HTML中折行怎么用

# 在HTML中折行怎么用

在HTML中实现文本折行（换行）是网页排版的基础操作，主要通过以下两种方式实现：

## 1. 使用`<br>`标签
`<br>`是HTML中最直接的折行标签，属于**空元素**（没有闭合标签）。在需要换行的位置插入即可强制文本从下一行开始显示。

```html
<p>第一行文本<br>第二行文本</p>

2. 通过CSS控制

更灵活的折行方式是通过CSS样式实现： - white-space: pre-line
保留换行符但合并空格 - word-break: break-all
允许在单词内换行 - overflow-wrap: break-word
仅在必要时打断单词

<div style="white-space: pre-line">
  这段文本会
  按照换行显示
</div>

注意事项

1. 避免滥用<br>标签，连续多个<br>会造成不必要的空白
2. 在表单、代码等需要保留原始格式的场景，建议使用<pre>标签
3. 响应式设计中推荐优先使用CSS方案

合理运用折行技巧，可以让网页内容更具可读性。 “`

（全文约300字）