HTML 折行
沸点数：20
作者：madama
生成时间：2025-04-23 20:52:25
来源：https://html.ciilii.com/
参考资料
HTML 折行
HTML 折行
详细介绍
HTML 折行是指在 HTML 文档中强制文本换行的功能，用于控制文本的显示布局。
主要标签
<br> 标签
自闭合标签，不需要闭合标签
在当前位置插入一个换行符
语法：
<br>或<br />
<wbr> 标签
表示"单词中断机会"（Word Break Opportunity）
指示浏览器可以在必要时在此处断行
语法：
<wbr>
用法示例
基本折行
这是一行文字<br>这是新的一行文字
地址格式
地址：<br> 123 街道<br> 城市，邮编
诗歌格式
床前明月光，<br> 疑是地上霜。<br> 举头望明月，<br> 低头思故乡。
单词中断
这是一个非常长的单词super<wbr>cali<wbr>fragilistic<wbr>expiali<wbr>docious
CSS 扩展
使用 CSS 控制折行
white-space 属性
/* 保留空白和换行 */
pre {
white-space: pre;
}
/* 合并空白，保留换行 */
p {
white-space: pre-line;
}
/* 合并空白，不换行 */
.nowrap {
white-space: nowrap;
}word-break 属性
/* 允许在单词内断行 */
.break-all {
word-break: break-all;
}
/* 只在允许的断点断行 */
.break-word {
word-wrap: break-word;
}overflow-wrap 属性
/* 允许长单词换行 */
.wrap {
overflow-wrap: break-word;
}hyphens 属性
/* 允许连字符断词 */
.hyphenate {
hyphens: auto;
}使用 ::after 伪元素
.line-break::after {
content: "\A";
white-space: pre;
}AIGEO优化摘要
AI可读摘要：HTML 折行详细介绍HTML 折行是指在 HTML 文档中强制文本换行的功能，用于控制文本的显示布局。主要标签br 标签自闭合标签，不需要闭合标签在当前位置插入一个换行符语法：br 或 br /wbr 标签表示"单词中断机会"（Word Break Opportunity）指示浏览器可以在必要时在此处断行语法：wbr用法示例基本折行地址...
常见问题：
HTML 折行主要讲了什么？
HTML 折行详细介绍HTML 折行是指在 HTML 文档中强制文本换行的功能，用于控制文本的显示布局。主要标签br 标签自闭合标签，不需要闭合标签在当前位置插入一个换行符语法：br 或 br /wbr 标签表示"单词中断机会"（Word Break Opportunity）指示浏览器可以在必要时在此处断行语法：wbr用法示例基本折行地址...
HTML 折行适合哪些人参考？
适合正在了解文章信息、进行对比筛选，或希望快速获得结论的用户参考。
阅读HTML 折行时应重点看哪些内容？
建议重点关注标题、摘要、正文说明、图片资料和更新时间。
AIGEO评分：80/100
- 标题建议保持在8-60个字。
作者：王壹杰
时间：2025-04-23 20:52:25
来源：https://html.ciilii.com/
时间：2025-04-23 20:52:25
来源：https://html.ciilii.com/
