第1章：段落与间距控制——排版的第一道门槛

做公众号排版这么多年，我踩过最大的坑，就是间距问题。

记得刚入行那会儿，我辛辛苦苦写了一篇干货，排版完自己看着还挺满意。结果发出去后，读者反馈说「眼睛疼」「看着累」。我当时还挺委屈——内容明明很好啊！后来一位前辈点醒了我：「你内容再好，排版让人读不下去，等于白写。」

嗯，从那以后，我开始认真研究间距这件事。

说白了，间距就是排版的呼吸感。人需要呼吸，文字也需要。今天我就把这几年的经验整理出来，希望能帮你少走弯路。

一、行间距：让文字「喘口气」

行间距，就是两行文字之间的垂直距离。这个参数看似简单，但调好了，阅读体验能提升一个档次。

最佳实践：1.75倍行距

我个人习惯用1.75倍行距。为什么是这个数？

• 1.5倍行距：偏紧凑，适合短文案或摘要
• 1.75倍行距：最舒适，适合正文阅读
• 2.0倍行距：偏松散，适合儿童读物或老年用户

你想想看，手机屏幕就那么宽，如果行距太小，眼睛很容易串行。我测试过几十种行距，1.75倍是最不容易让读者疲劳的。

二、段间距：区分内容的「分界线」

段间距比行间距要大，这样才能让读者一眼看出「这一段结束了，下一段开始了」。

最佳实践：段间距 = 行间距 × 2

举个例子：

• 行间距：28px（1.75倍）
• 段间距：56px（2倍行距）

我在项目中遇到过一种情况：有些编辑喜欢用空行代替段间距。结果就是——空行太多，文章像被切碎了；空行太少，段落又分不开。

三、页边距：给内容「留白」

页边距，就是内容区域到屏幕边缘的距离。这个参数很多人会忽略，但它直接影响阅读的沉浸感。

最佳实践：左右各留15-20px

为什么会这样？

你想想看，如果文字贴到屏幕边缘，眼睛需要不断调整焦距，很容易疲劳。留出适当的边距，视线就能集中在内容区域。

屏幕宽度	建议页边距	适用场景
手机（< 375px）	12-15px	小屏手机
手机（375-414px）	15-18px	主流手机
平板（> 768px）	20-30px	大屏设备

四、首行缩进：中文排版的「老规矩」

首行缩进，说白了就是每段开头空两格。这是中文排版的传统习惯，但公众号里要不要用？

我的建议：看场景

• 长文阅读：建议首行缩进2字符。这样段落边界更清晰，读者不容易串段。
• 短文案：可以不用缩进。比如摘要、引言、小标题后的正文。
• 列表项：不要缩进。列表本身已经有视觉区分了。

我曾经在写一篇8000字的长文时，用了首行缩进。读者反馈说「读起来很舒服，像在看书」。但也有读者说「手机上看，缩进后每行字数变少了，翻页频繁」。

嗯，这里要注意：首行缩进在手机上确实会减少每行字数。如果你文章很长，建议配合1.75倍行距使用，这样翻页频率不会太高。

五、两端对齐：强迫症的「福音」

两端对齐，就是让每行文字左右都对齐。这样排版看起来整齐、专业。

最佳实践：正文用两端对齐，标题用左对齐

为什么？

• 两端对齐：文字左右边界整齐，视觉上更干净
• 左对齐：标题更灵活，可以加粗、变色、加图标

但两端对齐有个坑——英文单词或长数字会被强制换行，导致单词被切断。

六、实战案例：一套完整的间距方案

说了这么多，我直接给出一套我常用的配置。你可以直接拿去用：

/* 公众号正文排版 */
body {
  font-size: 16px;
  line-height: 1.75;        /* 行间距 */
  margin: 0 15px;           /* 页边距 */
  text-align: justify;      /* 两端对齐 */
  word-break: break-word;   /* 防止长单词溢出 */
}

p {
  margin-bottom: 28px;      /* 段间距 = 行高 */
  text-indent: 2em;         /* 首行缩进2字符 */
}

h2, h3 {
  text-align: left;         /* 标题左对齐 */
  text-indent: 0;           /* 标题不缩进 */
}

这套配置我用了两年多，读者反馈一直不错。当然，你可以根据自己的风格微调。

好了，这一章就到这里。下一章我们聊聊字号与颜色的搭配——那又是一个大坑，我当年可没少往里跳。