CSS 中的标点悬挂及其现状
💡
原文中文，约1500字，阅读约需4分钟。
📝
内容提要
标点悬挂是一种排版技术，使标点超出段落边界，提升阅读体验。虽然在西文排版中常见，但中文传统上不常用。CSS 的 hanging-punctuation 属性定义了这一行为，目前仅 Safari 部分支持，其他浏览器尚未实现，期待未来更广泛应用。
🎯
关键要点
- 标点悬挂是一种排版技术，使标点超出段落边界，提升阅读体验。
- 标点悬挂在西文排版中常见，但在中文排版中不常用。
- 标点悬挂的优点在于保持中式网格式的稿纸密排模式，避免出现零碎空隙。
- W3C 在 CSS Text Level 3 中定义了 hanging-punctuation 属性，但目前仅 Safari 部分支持。
- 其他主流浏览器如 Chrome 和 Firefox 目前不支持标点悬挂特性。
- 希望未来更多浏览器能够实现标点悬挂功能。
❓
延伸问答
什么是标点悬挂？
标点悬挂是一种排版技术，使标点超出段落边界，以提升阅读体验。
标点悬挂在中文排版中常见吗？
标点悬挂在中文排版中不常用，主要在西文排版中更为常见。
CSS 中如何实现标点悬挂？
CSS 中使用 hanging-punctuation 属性来控制标点悬挂，语法包括 first、last 和 allow-end 等选项。
目前哪些浏览器支持标点悬挂特性？
目前只有 Safari 部分支持标点悬挂特性，其他主流浏览器如 Chrome 和 Firefox 不支持。
标点悬挂的优点是什么？
标点悬挂的优点在于保持中式网格式的稿纸密排模式，避免出现零碎空隙，提高可读性。
未来标点悬挂功能的前景如何？
希望未来更多浏览器能够实现标点悬挂功能，以提升排版效果。
➡️
