如何在HTML/Markdown文档中设置指定位置禁止分页？

Markdown 本身没有原生的分页控制语法，但可以通过内嵌 HTML + CSS 的方式实现你要的「禁止此处分页」效果，和你之前手动插入分页符的实现逻辑一致，兼容绝大多数支持 PDF 导出的 Markdown 编辑器、渲染工具。

核心控制属性 #

你只需要给不想被分页拆分的区块加上page-break-inside: avoid样式即可，该属性的作用就是告诉渲染引擎，尽量不要在当前元素内部插入分页符。
如果要兼容更多旧版本工具，可以同时加上兼容性前缀，完整样式如下：
page-break-inside: avoid; -webkit-page-break-inside: avoid; break-inside: avoid;

常见场景使用示例 #

1. 完整章节禁止拆分 #

将整个章节的内容包裹在加了对应样式的 div 标签内即可：

<div style="page-break-inside: avoid; -webkit-page-break-inside: avoid; break-inside: avoid;">
## 章节标题
这里是章节正文内容，包括段落、列表、表格、代码块等所有不想被拆分的内容
| 表头1 | 表头2 |
| --- | --- |
| 测试内容 | 测试内容 |
</div>

2. 单个表格禁止拆分 #

只需要给单个表格加样式的话，单独包裹表格即可：

<div style="page-break-inside: avoid;">
| 表头1 | 表头2 | 表头3 |
| --- | --- | --- |
| 内容行1 | 内容行1 | 内容行1 |
| 内容行2 | 内容行2 | 内容行2 |
<!-- 更多表格行 -->
</div>

3. 长代码块禁止拆分 #

同理包裹代码块即可：

<div style="page-break-inside: avoid;">
```python
# 很长的代码片段
def demo():
    print("测试代码")
    # 此处省略数十行代码

注意事项 #

• 不要在同一个区块内同时设置page-break-inside: avoid和你之前用的强制分页属性page-break-after: always，避免样式冲突
• 部分轻量 Markdown 编辑器如果不支持 HTML 内嵌样式，仅在导出 PDF/打印时才会生效，编辑预览页可能不会显示效果

内容的提问来源于stack exchange，提问作者Isaaс Weisberg