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 会——子列表上方的空行让外层变松散,是最常见的视觉事故。

📚 相关条目

无序列表CommonMark 核心 有序列表CommonMark 核心 列表嵌套CommonMark 核心
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏