告别“盘古之白”: CSS text-autospace 与中文排版的圣杯时刻
分享一下前些天写的一篇文章《告别“盘古之白”:CSS text-autospace 与中文排版的圣杯时刻》。内容就不 copy 到这里了。
结论:如果你是中文网站或内容的 Web 开发者,建议添加一行 CSS text-autospace: normal; 可以改进用户的阅读体验。
xiaohack博客专注前沿科技动态与实用技术干货分享,涵盖 AI 代理、大模型应用、编程工具、文档解析、SEO 实战、自动化部署等内容,提供开源项目教程、科技资讯日报、工具使用指南,助力开发者、AI 爱好者获取前沿技术与实战经验。
分享一下前些天写的一篇文章《告别“盘古之白”:CSS text-autospace 与中文排版的圣杯时刻》。内容就不 copy 到这里了。
结论:如果你是中文网站或内容的 Web 开发者,建议添加一行 CSS text-autospace: normal; 可以改进用户的阅读体验。
油猴脚本下载地址:https://greasyfork.org/zh-CN/scripts/553438-%E6%B7%BB%E5%8A%A0%E7%9B%98%E5%8F%A4%E4%B9%8B%E7%99%BD
Chrome 140 + 浏览器,安装即可享受任意网页开启高性能盘古之白排版
就是在中文和英文 / 数字之间自动加半个空格,强迫症福音,为了让排版更好看,阅读体验更好
我以前使用过浏览器插件 為什麼你們就是不能加個空格呢? ,但是他在网页中有很多字符的情况下,性能很差,而且他是真的会显式的加入一个空格在中间,导致效果也不算好
Chrome 内核 140 + 的浏览器已经支持 text-autospace: normal 这个 css 属性了,可以直接让浏览器原生处理排版,一步到位,而且这个样式确实加的是半个空格的空间,并且不存在显式插入的空格,完美
其他支持的浏览器版本如下:
结尾再放一次油猴脚本下载地址,免得佬友还得滚动上去下载
https://greasyfork.org/zh-CN/scripts/553438-%E6%B7%BB%E5%8A%A0%E7%9B%98%E5%8F%A4%E4%B9%8B%E7%99%BD