text-autospace – 竹炉山房

强迫症们，你们终于可以关掉在博客后台安装的text-autospace.js或者Space Lover“空格爱好者”插件了，原因是在CSS Text Module Level 4中有四项新国际CSS功能即将登陆Chrome（含Edge）浏览器，其中就包括了众望所归的东亚与西文混排的自动间隔功能！

从Chrome 119开始：日语短语换行与断字：word-break: auto-phrase。
开发中：使用text-spacing-trim属性的中文、日文和韩文标点字距。
来自Chrome 120的：具有text-autospace属性的文字间间距。
跨语言的一致最小字体大小。

要测试它，请在Chrome 120或更高版本中启用实验性Web平台特性标志，可在chrome://flags/#enable-experimental-web-platform-features处找到，将其打开即可，Edge浏览器同理。

注：如果不同文本周围存在显式空格字符，Chrome不会插入空格，因此不必担心修复现有内容。如需关闭，代码为：text-autospace: no-autospace;

观感舒心不少，期待Safari浏览器能早日同步！

# 写于，改于。

WordPress插件

共有 13 条评论

Kevin
北京

你这个主题应该用了text-autospace.js 吧，确实比全角空格要稍微好看一丢丢~~
十一个月前 Google Chrome 123 · Windows 10
回复
- S
  江苏
  *
  
  @Kevin 是的，还是加上了第三方的text-autospace.js。其实有了CSS Text Module Level 4的autospace CSS特性后是不需要再加js，但架不住大部分浏览器还没普及开。
  十一个月前 Microsoft Edge 124 · Mac OS X 10.15
  回复

共有 13 条评论

发表评论 取消回复

发表评论取消回复