强迫症们,你们终于可以关掉在博客后台安装的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浏览器能早日同步!
Kevin 北京
你这个主题应该用了text-autospace.js 吧,确实比全角空格要稍微好看一丢丢~~
七个月前 Google Chrome 123 · Windows 10S̆̈ 江苏 *
@Kevin 是的,还是加上了第三方的text-autospace.js。其实有了CSS Text Module Level 4的autospace CSS特性后是不需要再加js,但架不住大部分浏览器还没普及开。
七个月前 Microsoft Edge 124 · Mac OS X 10.15