Chrome 擴充功能 · 即將上架
所有指南
程式碼排版PDF 斷頁修復技術文件

解決 ChatGPT / Gemini 列印 PDF 程式碼區塊與表格被腰斬的排版問題

2026-10-17 · 1 分鐘 · Read in English →

深入解析 CSS @media print 與 break-inside: avoid 如何徹底根治 AI 對話轉 PDF 時的換頁截斷與空白頁問題。

工程師最崩潰的瞬間:程式碼與架構表在換頁處被切兩半

許多工程師會用 ChatGPT 或 Claude 進行 Code Review、撰寫系統設計文件(System Design RFC)或整理面試題庫。但當你試圖把對話轉成 PDF 時,經常看到:

  • 一段 25 行的 TypeScript 程式碼,前 12 行在第 1 頁底部,後 13 行掉到第 2 頁頂部,中間還夾著瀏覽器醜陋的網址頁尾。
  • 寬一點的 Markdown 表格直接超出 A4 右邊界被裁掉。

印務室的原子級防斷頁引擎(Atomic Block Pagination)

《印務室 Folio Press》在底層印刷樣式表中針對所有結構化元素實施了嚴格的原子保護:

css@page {
  size: A4 portrait;
  margin: 14mm 16mm;
}

@media print {
  pre, table, blockquote, .avoid-break {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  h1, h2, h3 {
    break-after: avoid !important;
    page-break-after: avoid !important;
  }
}

此外,工作台還提供 「Editorial Light(淺色紙質框)」 與 「Terminal Dark(深色終端機)」 兩種程式碼區塊配色,無論是列印紙本還是電子閱讀都能保持極致清晰。

現在就把你的對話排成報告。前往工作台