• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hanguokai
V2EX  ›  程序员

告别“盘古之白”: CSS text-autospace 与中文排版的圣杯时刻

  •  
  •   hanguokai · Jan 27 · 2556 views
    This topic created in 280 days ago, the information mentioned may be changed or developed.

    分享一下前些天写的一篇文章《告别“盘古之白”:CSS text-autospace 与中文排版的圣杯时刻》。内容就不 copy 到这里了。

    结论:如果你是中文网站或内容的 Web 开发者,建议添加一行 CSS text-autospace: normal; 可以改进用户的阅读体验。

    6 replies  •  2026-01-28 08:50:26 +08:00
    vacuitym
    vacuitym
    Jan 27
    1
    我装了一个 chrome 插件叫:為什麼你們就是不能加個空格呢?
    hanguokai
    hanguokai
    OP
    Jan 27
    2
    @vacuitym 这个插件就是文章里说的 pangu.js
    luxinxin
    luxinxin
    Jan 27 via Android
    3
    上面插件对大部分网站都挺好的,除了腾讯文档中的表格:双击编辑表格中的单元格内容时,中文和字母之间会插入间距。但是退出编辑后,这些间距又会被腾讯表格渲染成无间距的。在编辑来回切换时会有视觉的跳动。因此浏览器不愿意把这个默认值设置为激进,也是有道理的
    hanguokai
    hanguokai
    OP
    Jan 27
    4
    @luxinxin 复杂的在线文档现在大都用 canvas 自渲染实现,这种就需要他们自己实现这个功能。大多数基于 DOM 的网站都可以从 text-autospace 中受益。
    CXPLAY
    CXPLAY
    Jan 27
    5
    渲染效果不受自己控制的文本排版场景下, 我还是会手动加空格.
    1103409364
    6
    obsidian-linter 可以自动加空格
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1732 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 23:43 · PVG 07:43 · LAX 15:43 · JFK 18:43
    ♥ Do have faith in what you're doing.