强迫症们,你们终于可以关掉在博客后台安装的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浏览器能早日同步!

目前Apple官网中英文间难看的空格

共有 13 条评论

  1. 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

      回复

       

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注