Markdown 紧凑与宽松列表
最后更新:2026-10-14
紧凑与宽松列表 CommonMark 核心
列表项之间有没有空行决定「紧凑/松散」:紧凑列表每项渲染为 <li> 纯文本,松散列表每项被 <p> 包裹、行距更大。视觉差异明显,还会影响 CSS 选择器。
| 所属分组 | 边界与规则 |
|---|---|
| 规范层级 | CommonMark 核心 |
| 规范版本 | CommonMark 0.31.2 + GFM |
📝 语法
(项间有空行 = 松散列表)
▶ 在线示例
在左侧编辑 Markdown,右侧实时看效果
💡 要点
ℹ️ 说明 松紧由列表整体决定,不是单项决定——只要有项间空行,整个列表都松散。
💡 提示 写 CSS 时 li 直接选文本样式会受 <p> 包裹影响,先确认目标列表的松紧。
❓ 常见问题
Q 如何从松散改紧凑?
A 删掉项与项之间的空行即可。
Q 松散列表是 bug 吗?
A 是规范行为:语义上「列表项含多个段落」就该是松散的。
Q 嵌套子列表会让外层变松散吗?
A 会——子列表上方的空行让外层变松散,是最常见的视觉事故。