“行末孤字”并非p标签造成，而是中文排版规则与浏览器默认字符级换行共同作用的结果；必须用line-break: strict、word-break: keep-all及orphans/widows等CSS断行控制手段干预，而非调整margin或line-height。
“行末孤字”不是 p 标签本身造成的，而是中文排版规则与浏览器默认换行行为共同作用的结果；无法靠删标签、调 line-height 或改 margin 解决，必须用 CSS 的文本断行控制来干预。
为什么 p 标签会“产生”孤字？
浏览器对中文文本默认按字符级换行（CJK 字符间无空格也允许断行），而中文排版规范要求避免单个汉字出现在行尾（即“孤字”或“寡字”）。p 标签只是容器，真正触发换行的是其内部文本流 + 容器宽度 + 字体尺寸。常见翻车点：
- 没设
width或max-width的p，在窄屏下更容易挤出孤字 - 用了
white-space: nowrap或word-break: keep-all反而加剧问题——前者禁断行，后者强制每字可断，但不考虑语义 - 把
text-align: justify和短段落混用，导致最后一行拉伸后只剩一个字撑满
用 line-break 和 word-break 精准控制中文断行
现代浏览器支持更语义化的断行策略，优先用 line-break: strict（Chrome 58+/Firefox 62+）或降级为 word-break: break-keep（Safari 需用 -webkit-line-break: after-white-space）：
p {
line-break: strict; /* 强制遵守中文排版断行规则 */
word-break: keep-all; /* 禁止在单词/词内断，但允许句读处断 */
/* Safari 兼容 */
-webkit-line-break: after-white-space;
}注意：keep-all 不等于“不断行”，它只阻止在 CJK 字符之间任意断开，但仍会在标点（如，。！？）后自然断行——这恰恰符合“避免孤字”的核心逻辑。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
配合 orphans 和 widows 控制段首段尾行数
这两个属性虽常被忽略，但在多栏布局或打印场景下直接影响孤字出现概率：
-
orphans: 2表示段落至少保留 2 行在页/栏底部，防止最后一行单字悬空 -
widows: 2表示段落开头至少保留 2 行，避免首行单字孤立 - 必须搭配
break-inside: avoid使用，否则分页/分栏时仍可能撕裂段落
示例：
p {
orphans: 2;
widows: 2;
break-inside: avoid;
}实际调试时最容易漏掉的三点
一是字体加载延迟导致排版重绘，孤字可能只在字体切换瞬间出现——加 font-display: swap 并预设 fallback 字族能缓解；二是响应式断点变化时未重置 line-break，比如移动端用 loose、桌面端切回 strict；三是 CMS 输出的 HTML 带冗余 或零宽空格（），它们会干扰断行判断，建议清洗后再渲染。
